W3.CSS マージン

マージン・クラス

w3-margin クラスは、HTML 要素にマージンを追加します。

w3-margin class adds 16px margin to all sides of an element.

<div class="w3-container w3-margin">
<p>I have 16px margin on all sides.</p>
</div>

w3-margin-top class adds a 16px top margin to an element.

<div class="w3-container w3-margin-top">
<p>I have 16px margin on all sides.</p>
</div>

w3-margin-bottom class adds a 16px bottom margin to an element.

<div class="w3-container w3-margin-bottom">
<p>I have 16px margin on all sides.</p>
</div>

w3-margin-left class adds a 16px left margin to an element.

<div class="w3-container w3-margin-left">
<p>I have 16px margin on all sides.</p>
</div>

w3-margin-right class adds a 16px right margin to an element.

<div class="w3-container w3-margin-right">
<p>I have 16px margin on all sides.</p>
</div>