Javascript 将某些文本重新定位到跨距下方

Javascript 将某些文本重新定位到跨距下方,javascript,jquery,css,Javascript,Jquery,Css,停止将文本推到跨距下方的一侧 “页眉”下方的文本应与“页眉”文本的末尾对齐,此时该文本应为新行 因此: 应改为: 这是小提琴: <script type="text/javascript" charset="utf-8" src="http://static.polldaddy.com/p/6352993.js"></script> <noscript><a href="http://polldaddy.com/poll/6352993/">T

停止将文本推到跨距下方的一侧

“页眉”下方的文本应与“页眉”文本的末尾对齐,此时该文本应为新行

因此:

应改为:

这是小提琴:

<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-question-top {
font-size:10pt !important;
padding-top:1px !important;
padding-bottom:1px !important;
margin-top:1px !important;
margin-bottom:1px !important;
}

.pds-pd-link, .pds-comments {
display:none !important;
}

.pds-box {
width:220px !important;
}

.pds-input-label {
width:85% !important;
}

.PDS_Poll {
margin-bottom:15px;
}

.pds-answer-span {
color:#00f;
}

.pds-vote {
background-color:#424242;
}

.pds-answer-text {
color:#00f;
padding-top:1px !important;
padding-bottom:1px !important;
margin-top:1px !important;
margin-bottom:1px !important;
}

.pds-answer-feedback {
padding-top:1px !important;
padding-bottom:1px !important;
margin-top:1px !important;
margin-bottom:1px !important;
}

.pds-votebutton-outer {
text-align:center;
}

.pds-answer-group {
padding-top:1px !important;
padding-bottom:1px !important;
margin-top:1px !important;
margin-bottom:1px !important;
height:auto;
overflow:hidden;
}

.pds-input-label,.pds-answer-input {
float:left;
}

.pds-view-results,.pds-links {
color:#FFF !important;
padding-top:1px !important;
padding-bottom:1px !important;
margin-top:1px !important;
margin-bottom:1px !important;
}

.pds-comments,.pds-return-poll {
color:#FFF !important;
}

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

.pds-question-top {padding:0 !important}

$(document).ready(function() {

    $('.pds-question-inner').prepend('<span style="color:red;font-weight:bold;font-size: 15px;float:left">Header</span>');
});
我是否需要将文本向右浮动,使标题文本向下浮动

小提琴背后的代码:

<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-question-top {
font-size:10pt !important;
padding-top:1px !important;
padding-bottom:1px !important;
margin-top:1px !important;
margin-bottom:1px !important;
}

.pds-pd-link, .pds-comments {
display:none !important;
}

.pds-box {
width:220px !important;
}

.pds-input-label {
width:85% !important;
}

.PDS_Poll {
margin-bottom:15px;
}

.pds-answer-span {
color:#00f;
}

.pds-vote {
background-color:#424242;
}

.pds-answer-text {
color:#00f;
padding-top:1px !important;
padding-bottom:1px !important;
margin-top:1px !important;
margin-bottom:1px !important;
}

.pds-answer-feedback {
padding-top:1px !important;
padding-bottom:1px !important;
margin-top:1px !important;
margin-bottom:1px !important;
}

.pds-votebutton-outer {
text-align:center;
}

.pds-answer-group {
padding-top:1px !important;
padding-bottom:1px !important;
margin-top:1px !important;
margin-bottom:1px !important;
height:auto;
overflow:hidden;
}

.pds-input-label,.pds-answer-input {
float:left;
}

.pds-view-results,.pds-links {
color:#FFF !important;
padding-top:1px !important;
padding-bottom:1px !important;
margin-top:1px !important;
margin-bottom:1px !important;
}

.pds-comments,.pds-return-poll {
color:#FFF !important;
}

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

.pds-question-top {padding:0 !important}

$(document).ready(function() {

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

.pds问题顶部{
字体大小:10pt!重要;
填充顶部:1px!重要;
填充底部:1px!重要;
页边距顶部:1px!重要;
页边距底部:1px!重要;
}
.pds-pd-link、.pds-comments{
显示:无!重要;
}
.pds盒{
宽度:220px!重要;
}
.pds输入标签{
宽度:85%!重要;
}
.PDS_民意测验{
边缘底部:15px;
}
.pds答案范围{
颜色:#00f;
}
.pds投票{
背景色:#4242;
}
.pds答案文本{
颜色:#00f;
填充顶部:1px!重要;
填充底部:1px!重要;
页边距顶部:1px!重要;
页边距底部:1px!重要;
}
.pds答案反馈{
填充顶部:1px!重要;
填充底部:1px!重要;
页边距顶部:1px!重要;
页边距底部:1px!重要;
}
.pds votebutton外部{
文本对齐:居中;
}
.pds答案组{
填充顶部:1px!重要;
填充底部:1px!重要;
页边距顶部:1px!重要;
页边距底部:1px!重要;
高度:自动;
溢出:隐藏;
}
.pds输入标签,.pds应答输入{
浮动:左;
}
.pds查看结果.pds链接{
颜色:#FFF!重要;
填充顶部:1px!重要;
填充底部:1px!重要;
页边距顶部:1px!重要;
页边距底部:1px!重要;
}
.pds评论,.pds返回投票{
颜色:#FFF!重要;
}
.pds链接{
显示:内联!重要;
}
.pds-pd-link{
显示:无!重要;
}
.pds盒{
宽度:220px!重要;
}
.pds输入标签{
宽度:自动!重要;
}
.PDS_民意测验{
边缘底部:15px;
}
.pds问题顶部{填充:0!重要}
$(文档).ready(函数(){
$('.pds-question-inner').prepend('Header');
});

跨度需要与段落相同的
行高
,请尝试以下操作: