垂直UL与LI左侧的文本

Question

是否可以制作一个显示列表左侧文字的垂直<ul>？

我能想到的唯一例子就是Facebook时间线，你可以像往常一样在右侧有列表项，然后列出左边有列表项的项目。我如何进行左侧列表项的列表？ （我知道这不是时间轴的编码方式，但它只是我能想到的唯一可视化例子。）

Answer 1

是的...使用CSS：

<style>
ul {direction: rtl;}
</style>

如果你想左右交替，可以把它放到一个班级中：

<style>
.bulletonleft { direction:ltr; }
.bulletonright { direction:rtl; }
</style>

<ul>
    <li class="bulletonleft">Element 1</li>
    <li class="bulletonright">Element 2</li>
    <li class="bulletonleft">Element 3</li>
    <li class="bulletonright">Element 4</li>
    <li class="bulletonleft">Element 5</li>
    <li class="bulletonright">Element 6</li>
</ul>