More than 3 years have passed since last update.

marginが効かないときの対処法【備忘録】

Posted at 2022-05-31

自分が個人開発していく中でハマった部分の備忘録を残しておきます。

インライン要素にmarginは効かない

結論これです。具体例を見ていきましょう

<div class="col-sm-7">
    <h3>こんばんは</h3>
    <span class="pt-md-0">こんばんは</span>
    <br>
　　<span class="en">KONBANHA</span>
</div>

自分が開発していく中で、知ったのはインライン要素にmarginは効かないんです。
インライン要素とは、行の中の一部のまとまりです。
ブロック要素とは、行全体のまとまりのことを言います。

簡単にまとめました。

参考になれば幸いです！

【参考資料】