div要素と横並び

質問

htmlとcssについての質問です。div要素とdiv要素を横に並べて、画面の中央に表示させたいのですが、どのようにCSSを表示すればいいですか？「1 2」 のように画面中央に表示したいです。

<div class="abc">
　<div class="def">
　　1
　</div>
　<div class="ghi">
　　2
　</div>
</div>

回答No.1

t_ohta · ベストアンサー

.abc { text-align: center; }
.def, .ghi { display: inline-block; }