CSSについて教えて下さい

Question

CSSについて教えて下さい。 Add Star

以下のサイトを参考に３つのボックスを横並びに作成したのですが、3ボックスの配置を中央揃えに出来ません。
http://deaimobi.com/css-grid-yokonarabi/
アドバイスいただけませんでしょうか。

Comments

[KiKiKi_KiKi]

どんなHTML構造で、どんなCSSで3つのボックスを横並びにしているかによって、解決方法が異なりますのでコードを示してください。横並びにする方法・HTMLにこだわりがないのであればその旨を書いてもらえると回答ができるかと思います。

Answer 1

こんにちは。

参考サイトの「display:inline-block;」を使う場合、

.boxWrap{
	text-align:center;
}
.boxWrap .boxCh {
	height: 120px;
	width: 120px;
	margin: 10px;
	padding: 10px;
	border: solid 1px #AAA;
	background: #fe9cab;
	display: inline-block;
}

<div class="boxWrap">
	<div class="boxCh">BoxA</div>
	<div class="boxCh">BoxB</div>
	<div class="boxCh">BoxC</div>
</div>

御参考下さい。

Answer 2

張っているリンクの中にもう少し下には書いてありますよ、
display:inline-block;を使えばいいみたいです。