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

Question

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

line-height，vertical-align或margin-top。 这些都不适合我。这是jsfiddle

Answer 1

<span>元素是内联的。您不能放置像<p＆gt;这样的块级元素。内联元素内部。

使用<div>代替<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的财产会影响保证金的申请。对于span元素，此属性的值默认为inline。因此没有适用保证金。

使用具有其他默认值的元素（如div框）或更改span元素的display属性值。我建议使用inline-block，因为这会保留span元素的文本流功能。

span
{
    display:inline-block;
}