Html 如何在多列列表中浮动li元素

我有以下HTML：

<ul class="baseList">
    <li>
        <ul class="baseListColumn">
            <li>10.09</li>
            <li>My title is here</li>
            <li>Author</li>
        </ul>
    </li>
</ul>

我的问题是，这将使baseListColumn的每个li的内容居中，并使每个列具有相同的宽度。我想让专栏适合它的内容，除了最后一个li元素（Author），并将最后一个li元素的内容浮动到右边

这就是当前代码的情况：

在fiddle中，您甚至可以看到如果根li的宽度足够大，而列的等分太小，无法包含某些内容，会发生什么情况

这就是我想要的：

10.09                My title is here                                      Author
asdfasdfasdfasdf     My title is here abababa                              Author

我不能保证所有的列总是有相同的长度，否则我会使用绝对定位，同时我不想为第一列保留太多不必要的空间。请注意，我计划将其用于列数超过3的列表

---

在这种情况下，表是更好的解决方案吗？无论如何，我希望有人能帮助我，如果有更好的解决方案，我随时愿意听取建议。

看起来表格会是更好的解决方案，不是因为显示属性，而是因为内容的性质（记住，组织内容仍然是HTML的责任）

看一看

虽然大多数观点大体上是一致的，但我倾向于关注两件事：

不要使用人造表格（

，

等）

表应该是可过滤和可排序的（如果多于几行）

---

您可以自己生成所有CSS。。。或者，使用您最喜欢的ECMAScript库进行简短的样式设置。

哇，我完全忘记了datatables.net似乎这种反表格的宗教终于对我产生了影响。我会用桌子，我不知道为什么我这么犹豫。

           10.09                   My title is here                 Author
     asdfasdfasdfasdf           My title is here abababa            Author

10.09                My title is here                                      Author
asdfasdfasdfasdf     My title is here abababa                              Author