CSS如何在同一个div中左对齐一个单词和另一个单词?

Jig*_*igs 14 css

如何在同一个div中左右对齐一个单词和另一个单词?

Eri*_*ric 19

解决方案1:

HTML:

<div>
    <div class="left">left text</div>
    <div class="right">right text</div>
</div>
Run Code Online (Sandbox Code Playgroud)

CSS:

.left {
    float: left;
}
.right {
    float: right;
}
Run Code Online (Sandbox Code Playgroud)

解决方案2:

HTML:

<div>
    <div class="left">left text</div><!-- no space here
 --><div class="right">right text</div>
</div>
Run Code Online (Sandbox Code Playgroud)

CSS:

.left {
    text-align: left;
}
.right {
    text-align: right;
}
.left, .right {
    display: inline-block;
    width: 50%;
}
Run Code Online (Sandbox Code Playgroud)