2017/10/27

左寄せの div を中央に置く CSS

左寄せの div をページ全体でセンタリングするスタイルシート
/* CSS */
div.sotomi{
 text-align: center;
}

div.nakami{
 display: inline-block;
 text-align: left;
}

/* HTML */
<div class="sotomi" style="background-color:#eeeeff;">
 <div class="nakami" style="background-color:#ffeeee;">
  ほげほげ<br ⁄>
  ほげほげほげほげほげほげ<br ⁄>
  ほげほげ<br ⁄>
 </div>
</div>
結果

0 件のコメント: