html - CSSの行間に異なる間隔を含める.

Question

CSS の使用は初めてで、タイトル、日付、および説明を含むページを作成しようとしています。異なるセクション間に異なる量のパディングを含める最善の方法がわかりません。タイトルのすぐ下に日付を入れて、日付と説明の間にスペースを入れたいのですが、現在、タイトルと日付の間のスペースが大きくなり、日付と説明の間のスペースが少なくなります。テンプレートとしてヌンジャックスを使用しています。どんな助けでも大歓迎です！

Mainpage.nunjucks から:

<div class="title">
    {{ options.title }}
</div>

<div class="date">
    Created {{ options.date }}
</div>

<div class="subtitle">
    {{ options.description }}
</div>

common.scss から:

.Mainpage {
    padding: 20px 0;

    div {
        padding: 5px 0;
    }

    .subtitle {
        font-size: 12px;
        font-weight: normal;
    }

    .date {
        color: #aaa;
        font-size: 11px;
    }
}