CSS:flex

2023/9/19

インライン要素・ブロックレベル要素とCSS「display」の使い方

divやaなどのHTML要素は、大きくブロックレベル要素とインライン要素のどちらかに分類することができます。 CSSでレイアウト装飾するためには上記の違いを理解している必要があります。ここでは、インライン要素・ブロックレベル要素の説明と要素のブロックレベル・インラインの表示形式を変更する際に利用するCSS「display」をについて説明していきます。 HTMLのブロックレベル要素とインライン要素の違い <div>や<a>などの ...

2023/9/19

CSSのfloatプロパティで要素を横並びにする方法

今回は、CSSのfloatを使った要素を横並びにする方法とfloatを解除するclearプロパティをご紹介します。 floatを利用して要素を横並びにする方法 floatを使った横並び <div>タグなどのブロックレベル要素は、基本的に上から下に向かって順番に縦に並んで表示されます。 ■縦に並ぶdivタグ(水色とピンク色)　 ■上記のソースコード [cra ...