CSS如何在同一个div中将一个词左对齐另一个词右对齐？

Question

如何在同一个 div 中将一个词左对齐另一个词右对齐？

Answer 1

解决方案一:

HTML:

<div>
    <div class="left">left text</div>
    <div class="right">right text</div>
</div>

CSS:

.left {
    float: left;
}
.right {
    float: right;
}

---

方案二:

HTML:

<div>
    <div class="left">left text</div><!-- no space here
 --><div class="right">right text</div>
</div>

CSS:

.left {
    text-align: left;
}
.right {
    text-align: right;
}
.left, .right {
    display: inline-block;
    width: 50%;
}