CSS - 在同一行显示两个文本块

Question

如何在同一行上放置两个文本块,一个放在左边,一个放在右边,不使用浮动？

像这样:

Bla bla                   5
Whatever                 25
Boo                      12

每行都是一个列表项 - <LI>

Answer 1

你可以使用表格。另外，您可以使用绝对定位并为每个 ul 对象的顶部和底部设置相同的值

Answer 2

您的示例中有数字,这表明您可能正在显示表格数据.如果是这种情况,请使用表格.简单!

如果不是这种情况,请使用span具有设定宽度的s:

.label {
     display: inline-block;
     width: 200px; // or whatever
}

和:

<ul>
    <li>
        <span class="label">Blah blah</span>
        5
    </li>
    <li>
        <span class="label">Stuff</span>
        25
    </li>
</ul>