Question

我使用以下代码，目前文本和按钮位于不同的一侧屏幕，文本在按钮上方，我希望它们都是并行我应该怎么做？

<h4>my text</h4>
<div class="text-right">
    <a href="#" id="yRow"><i class="glyphicon glyphicon-ok"></i>&nbsp;New</a>
    <br />
</div>

Answer 1

将style="display:inline"添加到您的<h4>和<div>

<h4 style="display:inline">my text</h4>
<div class="text-right" style="display:inline">
    <a href="#" id="yRow"><i class="glyphicon glyphicon-ok"></i>&nbsp;New</a>
    <br />
</div>

Answer 2

听起来这就是你想要的方式

http://jsfiddle.net/xv5rP/

<h4 style="display:inline">my text</h4>
<div class="text-right" style="float:right">
  <a href="#" id="yRow"><i class="glyphicon glyphicon-ok"></i>&nbsp;New</a>
  <br />
</div>

Answer 3

你不能给出标题标签，因为它们在其自身内部以及在下一行显示之后的任何其他内容。所以尝试使用其他标签来更好地使用span来设计它。也不要使用<p>。

并排放置文本和按钮

3 个答案: