如何在包装器元素中向右 float 两个元素,从而在视觉和语义上保持元素的顺序相同?
<style>
.container { widht: 200px; height: 50px; background: #333; }
.container p { width: 50px; height: 50px; background: #f00; float: right; margin: 0; }
</style>
<div class="container">
<p class="a">Simon</p>
<p class="b">Says</p>
</div>
渲染时,这将使内部元素按“Says Simon”的顺序http://jsbin.com/eravan/1/edit出现。
最佳答案
在父元素上设置display: inline-block;
时,也可以使用float
代替text-align: right;
。
http://jsbin.com/eravan/10/edit
关于html - 如何在视觉和语义上将两个元素向右 float 以保持相同的顺序?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/14538106/