[分享]css两行内容两端对齐

CSS当中，我们经常会遇到两行内容需要左右对齐的情况。这时候，我们可以使用text-align和float属性。以下是两种方法：

.left {
    float: left;
}

.right {
    float: right;
} 

在HTML中，我们可以将要对齐的内容放在两个容器内，一个使用左浮动，另一个使用右浮动，就可以达到左右对齐的效果：

<div class="left">左侧内容</div>
<div class="right">右侧内容</div> 

如果我们希望两个容器的宽度都是相同的，可以使用width属性：

.left, .right {
    width: 50%;
} 

另一种方法是使用text-align属性。将包含左侧内容的容器设置为text-align: left，将包含右侧内容的容器设置为text-align: right，就可以达到同样的效果了：

.left {
    text-align: left;
}

.right {
    text-align: right;
} 

需要注意的是，使用text-align属性的时候，两个容器的宽度可以不一样，只需确保它们在同一行，并且要有足够的空间来容纳两个容器。这种方法适用于包含文本内容的容器，如果容器中有图片或其他元素，使用float属性可能更为稳定。