javascript - 定位元件处于特定高度

在下方的小提琴中，文本“标题”（红色）看起来比问题文本的其余部分略高。如何减少文字的高度？

我尝试使用“顶部-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>');
});

最佳答案

首先，不要浮动标题span范围。保持内联。因此，从您的js中删除该声明。

其次，问题是.pds-question-top元素的顶部填充将段落文本下推。尝试将其设置为零，一切看起来都很好。无论如何这是清洁的。通常，我通常更喜欢在p元素上使用底部填充而不用顶部填充来创建我的所有段落间距，以便段落始终在我想要的位置开始。

看到：

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