付属画像のように

画像

HTML、CSS16閲覧xmlns="http://www.w3.org/2000/svg">25

ベストアンサー

1

1人がナイス!しています

ThanksImg質問者からのお礼コメント

ありがとうございました。感謝致します。

お礼日時:7/28 11:58

その他の回答(1件)

0

▼flexを使う時の中はwidthでなく、flex-basisを使う。 ▼.working div{} これですと[.working]の中の[div]ということになります。 <div class="working"> 対象じゃないよー <div>ここが対象!</div> <p>対象じゃないよー</p> </div> ▼.image{} class="image"にあたっています。使われていない [css] .flex{ display:flex; justify-content:center; } .flex_in{ display:inline-block; flex-basis:30%; margin:0 5px; text-align: center; } img{ width :100%; } .working{ color :#6d6d6e; font-size: 39px; font-weight: 600; } .mozi{ color:#6d6d6e; font-size: 12px; display:block; } [html] <div class="flex"> <div class="flex_in"> <img src="mens1.png" alt=""> <div class="working"> 太字タイトル </div> <p class="mozi"> テキスト </p> </div> <div class="flex_in"> <img src="mens1.png" alt=""> <div class="working"> 太字タイトル </div> <p class="mozi"> テキスト </p> </div> <div class="flex_in"> <img src="mens1.png" alt=""> <div class="working"> 太字タイトル </div> <p class="mozi"> テキスト </p> </div> </div>