【CSS】margin-bottom - マージン(下)

【CSS】margin-bottom - マージン(下)

CSSのmargin-bottomプロパティについて解説します。

検証環境

margin-bottom

margin-bottomは“マージン(下)”のプロパティです。

基本構文

margin-bottom: 値;

サンプル

<style>
.box {
    height: 30px;
    border: 1px solid black;
    text-align: center;
}
.sample {
    ___ih_hl_start
    margin-bottom: 40px;
    ___ih_hl_end
}
</style>

<div>
    <div class="box">HTML</div>
    <div class="box sample">CSS</div>
    <div class="box">JavaScript</div>
</div>