HTML
インライン要素・ブロック要素 の違い
読み方：インラインようそ・ブロックようそ のちがい
ブロック要素は前後で改行され横幅いっぱいに広がる。インライン要素は文の流れの中に入り改行されない。
やさしい説明
ブロック要素は横幅いっぱいに広がり、前後に改行が入ります。インライン要素は文章の中に並び、必要な幅だけ使います。
具体例・使い方
ブロック要素: div, p, h1 → 横幅いっぱい、縦に積まれる
インライン要素: span, a, strong → 文中に並ぶ、幅は中身だけ
ブロック=段ボール箱、インライン=文中の付箋
よくある疑問
Q: 代表的なブロック要素は？
A: div、p、h1〜h6、ul、liなどです。1つの「かたまり」を作る要素です。
Q: 代表的なインライン要素は？
A: span、a、strong、img、inputなどです。文章の中に入る要素です。
Q: CSSで変更できる？
A: はい。display: blockやdisplay: inlineで表示方法を変えられます。
関連用語
📖 関連レッスン
レッスンを見る →