web-dev-qa-db-ja.com

divでコンテンツをラップする

Divがありますが、テキストを折り返すのではなく、コンテナーの境界に収まります。私はfloat：leftを試しましたが、それを横に押してしまい、中央に移動させる方法はありません。助けて？

コード：

div.warning-stripe {
 padding:2px;
 border:1px solid #FFA11B;
 background-color: #FFC71B;
 vertical-align:middle;
 color:835600;
 margin-left:auto;
 margin-right:auto;
 text-align:center;

}
css
4
Gabriele Cirulli

私が見るものに基づいて、あなたはこのDIVを別のブロックレベル要素の中心に置き、コンテナの幅全体に拡大させないようにしていると推測しています。そのためには、そのDIVの幅を設定する必要があります。

div.warning-stripe {
 padding:2px;
 border:1px solid #FFA11B;
 background-color: #FFC71B;
 vertical-align:middle;
 color:835600;
 margin-left:auto;
 margin-right:auto;
 text-align:center;
 width: 300px; /* You need a width if you're going to use auto margins */
}
3
John Conde