在特定高度的定位元素

Question

在下面的小提琴中，文本「標題」（紅色）顯示比問題文本的其餘部分略高。文本的高度如何降低？

我試過使用「top -30px」？

http://jsfiddle.net/25LjE/44/

.pds-pd-link { 
display: none !important; 
} 
.pds-box { 
    width: 220px !important; 
} 
.pds-input-label{ 
    width: auto! important; 
} 
.PDS_Poll{ 
    margin-bottom:15px; 
} 

<script type="text/javascript" charset="utf-8" src="http://static.polldaddy.com/p/6352993.js"></script> 
<noscript><a href="http://polldaddy.com/poll/6352993/">This is very long test question to test how polldaddy handles questions that exceed that normal length............ yes a very long question indeed..............</a></noscript> 

$(document).ready(function() { 

    $('.pds-question-inner').prepend('<center><span style="color:red;font-weight:bold;font-size: 10pt;float:left"><u>Header</u></span></center>'); 
}); 

Answer 1

首先，不浮動頭span跨度。保持內聯。所以從你的js中刪除這個聲明。

其次，問題在於.pds-question-top元素上的填充頂部正在將段落文本向下推。嘗試將其設置爲零，一切都很正常。無論如何，這是更清潔的。我通常更喜歡使用p元素的底部填充創建所有段落間距，並且不使用頂部填充，以便段落始終始於我想要的位置。

參見：

http://jsfiddle.net/25LjE/56/

Answer 2

嘗試line-height：或vertical-align