javascript - 如何重新定位一个div

Question

如此屏幕截图所示，“投票”按钮如何与“查看结果”对齐：

在这个小提琴中，它们出现在彼此下方：

http://jsfiddle.net/5YLNT/2/

我想我需要隐藏css类：'.pds-links'然后以某种方式在新位置重新显示它？

小提琴背后的代码：

.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 {
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;
}

<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() {


});

Answer 1

只需让 .pds-links 显示内联而不是块。

http://jsfiddle.net/5YLNT/6/

Answer 2

.pds-vote-button {
  float: left;
  margin: 0 8px;
}

像这样的东西？它把按钮放在左边有一些边距，让它看起来更舒服……

Answer 3

您只需要使投票按钮浮动：左。

所以添加以下类：

 .pds-vote-button
 {
    float: left;
 }

显然你也可以在这里调整边距。

这个小提琴显示了新版本：

http://jsfiddle.net/5YLNT/4/