実際に書いてみよう まとめ お願いします！ width: 100%; HTMLで複数の画像を均等に横並びする方法について、TechAcademyのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説します。 そもそも、HTMLの記述方法がわからない場合は、 HTMLの書き方について解説した記事を読むとさらに理解が深まります。

大石ゆかり そうだね。次は並び方や配置に関する基本的な機能を紹介するよ。     お願いします！ display: flex;

[PR] HTML/CSSで挫折しない学習方法を動画で公開中ウェブサイトをレイアウトする #wrapper { なお本記事は、TechAcademyのWebデザインオンラインブートキャンプのカリキュラムをもとに執筆しています。 CSSでフォントサイズを何も指定しなかった場合、ブラウザのデフォルトでは16pxになりますので、 1文字の高さも横幅も16px で表示されます。. ブラウザの幅を変えて試してみよう フォントのベースラインより下のスペースがある。 ベースラインの下の、ディセンダラインまでのスペース。 それが原因でimgの高さ（180px）に、下のスペース分がプラスされる、らしい。 横並びにさせたい画像に対して、   上記sample03は、先程のsample02のhtmlコードにdiv.wrapを追加したものです。