html - 控制 block 元素之间间距的更好方法？

Question

有没有更好的方法来控制某些 block 元素之间的空间..我基本上有一些。

<div id="head1" class="global-box">
    <p>My Header Name</p>
    <select id="Select1">
         <option></option>
    </select>
</div>

问题是我的标题名称和选择的 html 元素之间的空间比我想要的要大...我尝试删除 <p>但随后它的行和选择与标题标题在同一行..

我可以使用 <br/>但这只会创建一个 block ？

Answer 1

在你的 CSS 中

.global-box p {
    margin-bottom: 2px;
}

.global-box select {
    margin-top: 2px;
}

您可能只需要其中之一，但很难知道是哪一个。