HTML CSS 同一 DIV 的 <a> 元素之间的垂直间距

Question

目前，我所拥有的是在第一张图片中看到的。我想知道如何在图片之间添加空格(下边距？)，如图 2 所示？它们的 2 个并排 block 是 2 个不同的 DIV，每行中的图片是同一 div 的元素，因此底部边距不起作用。 (代码在底部)

图一:

图2:

HTML:

...
<div class="meniu">
                    <a href="#">NAUJIENOS</a>
                    <a href="#">KREPSINIO VADOVAS</a>
                    <a href="#">TRENIRUOTES</a>
                    <a href="#">IDOMYBES</a>
                    <a href="#">GALERIJA</a>
                    <a href="#">APIE MUS</a>
                </div>
                <div class="rightbar">
                    <div class="rightpic2"> 
                        <a href="#"><img src="pic3.png"></a> <br>
                        <a href="#"><img src="pic4.png"></a> <br>
                        <a href="#"><img src="pic4.png"></a> <br>
                        <a href="#"><img src="pic5.png"></a> <br>
                        <a href="#"><img src="pic3.png"></a> 
                    </div>
                </div>

                <div class="rightpic1"> 
                    <a href="#"><img src="pic1.jpg"></a> <br>
                    <a href="#"><img src="pic2.jpg"></a>

                </div>
...

CSS:

.rightpic1{
        float:right;
        margin-right:30px;
        margin-top:100px;


    }

    .rightpic2{

        margin-right:24px;
        margin-left:24px;
        margin-top:38px;
    }

    .rightbar{

        float:right;
        background-color:white;
        margin-top:62px;
    }

Answer 1

<a>元素显示内联。拒绝所有 <br>在标记中添加 display: block到 css。

.rightpic1 a, .rightpic2 a {
    display: block;
    margin-top: 15px
}