調整兩個跨度元素之間的高度

Question

我想調整div內兩個跨度元素之間的垂直間距。我正努力實現我從<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。因此沒有保證金適用。

可以使用具有其他默認值的元素（如div框）或更改span元素的display屬性的值。我建議使用inline-block，因爲這會保留span元素的文本流功能。

span 
{ 
    display:inline-block; 
}