Javascript 将跨度元素与div的左侧对齐

是否可以将此小提琴中的跨度“标题”对齐到文本右侧，如图所示：

我正在使用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>');
});

.pds-pd-link{
显示：无！重要；
}
.pds盒{
宽度：220px！重要；
}
.pds输入标签{
宽度：自动！重要；
}
.PDS_民意测验{
边缘底部：15px；
}
$（文档）.ready（函数（）{
$（'.pds-question-inner'）.prepend（'Header'）；
});

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

---

这个问题可以解决吗？

我不太清楚您想要实现什么，但是添加这个CSS似乎可以解决这个问题：

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

---

您只需在中添加

float:left

标题

选中此项：

---

在fiddle上查看这段代码我已经编辑了它

您可以通过将两个元素都包装在一个向左浮动的div中来完成，然后您可以追加而不是预先添加标题

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

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

你的两个元素
.左{
浮动：左；
显示：内联块；
}

---

您可能还需要在元素上设置宽度和填充/边距，以便根据需要显示它们。如果你想让标题向右移动，你可以将其向右浮动，而不是向左浮动。如果这样做，请坚持使用前置词，因为如果正确的浮动元素不是系列中的第一个，某些版本的IE会导致浮动错误。

我想这就是您想要的

$('.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>');

$（'.pds-question-inner'）.prepend（'Header'）；

---

如果不是，看起来更好：p

您可以在span中添加

float:left

（并清理HTML）

---

您可以选中此项：

.prepend（'Header'）；HeaderAlign收割台向右还是向左？在你的图片上它显示左边，在你的问题描述中，你说右边