Html 垂直UL,文本位于LI的左侧

Html 垂直UL,文本位于LI的左侧,html,css,html-lists,Html,Css,Html Lists,是否可以制作一个垂直的,在列表的左侧显示文本 我能想到的唯一一个例子是类似于Facebook时间线的东西,你可以像普通一样在右边列出项目,然后在左边列出有列表项目的项目。我该如何制作一个类似于左边列表项的列表?(我知道这不是时间线的编码方式,但这只是我能想到的唯一一个可视示例)。是的……使用CSS: <style> ul {direction: rtl;} </style> ul{方向:rtl;} 如果您想左右交替,可以将其放入一个类中: <style>

是否可以制作一个垂直的
,在列表的左侧显示文本

我能想到的唯一一个例子是类似于Facebook时间线的东西,你可以像普通一样在右边列出项目,然后在左边列出有列表项目的项目。我该如何制作一个类似于左边列表项的列表?(我知道这不是时间线的编码方式,但这只是我能想到的唯一一个可视示例)。

是的……使用CSS:

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

ul{方向:rtl;}
如果您想左右交替,可以将其放入一个类中:

<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>

.BulletLeft{方向:ltr;}
.bulletonright{方向:rtl;}
    元素1 元素2 元素3 元素4 元素5 元素6

是否可以将此应用于类?我正在尝试交换
  • s,因此第一个在右边,第二个在左边,等等。我想将类应用到li的。这似乎不能应用于类。。。