HTML如何在同一行中對兩個單詞進行不同對齊

Question

我在同一行上有兩個單詞。 我希望第一個單詞和第二個單詞在同一行上分別左對齊和右對齊。有誰知道如何做到這一點？謝謝

Answer 1

使用<span>與float: left爲左字，和另一<span>與float: right爲正確的字。還有其他的對齊方法，但是我認爲沒有將這些單詞分解成它們自己的元素是不可能的。

Answer 2

添加到什麼AGOP說，另一種方式是有兩種情況，即具有相對位置父<div>絕對定位的元素。這樣，絕對位置將基於父母。因此，right: 0和left: 0將分別位於父母<div>的左側和右側。

看到這個的jsfiddle：http://jsfiddle.net/3ebrcnoL/

Answer 3

你可以試試這個： -

<style type="text/css"> 
    .maindiv{width:1000px;height:auto;} 
    .float_left{float:left;} 
    .float_right{float:right;} 
</style> 
<div class="maindiv"> 
    <span class="float_left">Leftside</span> 
    <span class="float_right">Rightside</span> 
</div>