将span元素对齐div的左侧

Question

是否可以将此小提琴中的“标题”对齐：http://jsfiddle.net/25LjE/37/到文本右侧，如下所示：

我正在使用jquery创建标题。

这是小提琴代码：

<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>

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

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

当我在IE8中尝试提出的解决方案时，文本略高于其他文本：

可以修复吗？

Answer 1

我真的不清楚你想要实现什么，但添加这个CSS似乎可以完成这个：

center span{
    position:relative;
    top:30px;
    left:-70px;
}

Answer 2

你可以通过将两个元素都包装在一个向左浮动的div中来实现，然后你可以追加而不是添加标题。

<div class="floatLeft">Your two elements</div>

<style>
.floatLeft {
    float: left;
    display: inline-block;
}
</style>

您可能还想在元素上设置宽度和填充/边距，以便它们根据需要显示出来。如果你想把标题放在右边，你可以向右漂浮而不是左边。如果你坚持使用prepend，因为如果正确的浮动元素不是系列中的第一个，某些版本的IE会浮动浮动。

Answer 3

您只需在

中添加float:left即可

<span style="color:red;font-weight:bold;font-size: 10pt;float:left"><u>Header</u></span>

检查一下：

JSFiddle

Answer 4

请在小提琴中查看此代码我已编辑http://jsfiddle.net/25LjE/46/

Answer 5

我认为这就是你想要的？

$('.pds-question-inner').prepend('<center><span style="color:red;font-weight:bold;font-size: 10pt; text-align: right; display: block;"><u>Header</u></span></center>');

http://jsfiddle.net/84fjB/

如果不是，那就更好看了：P

Answer 6

您可以将float: left添加到范围（并清理HTML）。

您可以查看：http://jsfiddle.net/ooflorent/zvbzT/