Q&A
画面の中央に、上の画像のような要素を配置したいです
cssで配置の指定をしたいと思っていますが、私の知識では、一つ一つにタグをつけて細かく指定することしか思いつきません。まとめて上の画像のように配置するようにするにはどうすればいいでしょうか？
HTML
1<!doctype html> 2<html lang="ja"> 3<body> 4<main> 5<section> 6<article><h3>taitoru</h3> 7<div><p>setumei</p><p>hiduke</p></div></article> 8<article><h3>taitoru</h3> 9<div><p>setumei</p><p>hiduke</p></div></article> 10</section> 11</main> 12</body> 13</html>
回答1件
0
ベストアンサー
こんにちは。
中央に配置するには色々方法がありますが、わかりやすく簡単なのはdisplay: flex; justify-content: center;です。
横並びにするにはdisplay: flexがいいでしょう。
css
1main{ 2 display: flex; 3 justify-content: center; 4} 5article div{ 6 display: flex; 7}
投稿2021/03/02 08:43
総合スコア36946
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2021/03/02 12:52
2021/03/03 01:03