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

Question

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

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

Answer 1

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

使用 <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>
​