2分で読める！【HTML】インライン要素の注意点

本日はインライン要素を使用する際の注意点について

書きたいと思います！

インライン要素とは？

インライン要素は画面に横並びで表示される要素のことです。

よく使う要素で言えば、span要素やa要素などです。

横並びで表示されるというのがどう言うことかについて

具体例を用いて説明します。

例えば、以下のようにインライン要素を使って記述すると、

画面ではインライン要素で囲った文字が横並びで表示されます。

ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー

<span>要素1</span>
<span>要素2</span>

↓ 

要素1　要素2

ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー

注意点とは？

以下2点です。

・高さ、幅を指定できない（height,width）

・上下のmarginが指定できない

解決策

displayプロパティを使用してブロック要素に変えればOKです。