html - 调整两个跨度元素之间的高度

Question

我正在尝试调整 div 内两个 span 元素之间的垂直空间。我正在努力实现我从中获得的一半<br/>。

line-height,vertical-align或margin-top. 没有一个对我有用。这是jsfiddle

Answer 1

<span>元素是内联的。您不能将<p> 等块级元素放在内联元素中。

使用<div>s 而不是<span>s 你的 CSS 就可以正常工作：

<div class="signupEmailBox">
    <div class="tag"><p>test data goes here</p></div>
    <div class="smallTextEmail">
                    <p>blah blah blah</p>
                    <p>some text goes here...</p>
                    <p>here some more text data</p>
                    <p>some more text</p>
    </div>
</div>
​

Answer 2

有一个名为display的属性会影响边距的应用。此属性的值默认inline为 span 元素。因此没有应用保证金。

要么使用具有另一个默认值的元素，例如 div 框，要么更改 span 元素的 display 属性的值。我建议使用inline-block，因为这保留了 span 元素的文本流功能。

span
{
    display:inline-block;
}