HTML如何在同一行中以不同方式对齐两个单词

Question

我在同一行有两个字。 我希望第一个单词和第二个单词分别在同一行上左右对齐。有谁知道如何做到这一点？感谢

Answer 1

左侧单词使用<span> float: left，右侧单词<span> float: right {{1}}。还有其他一些对齐技巧，但我认为如果不将这些词分成他们自己的元素，它是可能的。

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>