Как сделать разрыв между двумя DIV в одной колонке

У меня есть два абзаца. Эти два абзаца расположены в одной колонке. Теперь мой вопрос в том, что мне нужно сделать два абзаца в двух отдельных ячейках, вниз друг от друга. Другими словами, промежуток между двумя ячейками, спускающимися друг к другу.

HTML код

    <div class="sidebar">

                <div class="box1">
                    <p> 
                    Text is here
                    </p>
                </div>

                <div class="box2">
                    <p> 
                    Text is here 
                    </p>
                </div>

     </div>

Мой CSS код

.sidebar {
    background: red;
    margin: 10px;
    padding: 0 7px 0 7px;
    width: 400px;
    border-radius: 10px;
}

.box1 {
    display: block;
    padding: 10px;
    margin-bottom: 30px;
    text-align: justify;
}

.box2 {
    display: block;
    padding: 10px;
    text-align: justify;
}

Как здесь.