Вертикальный UL с текстом на левой стороне LI - PullRequest
Новая
       3

Вертикальный UL с текстом на левой стороне LI

0 голосов
/ 21 января 2012

Можно ли сделать вертикальную <ul>, которая отображает текст в левой части списка?

Единственный пример, который я могу придумать, это что-то вроде временной шкалы Facebook, где у вас будет списокэлементы справа, как обычно, а затем элементы списка слева, которые имеют элементы списка.Как бы я сделал список, как элементы списка слева?(Я понимаю, что это не так, как закодирована временная шкала, но это единственный визуальный пример, который я мог придумать).

1 Ответ

1 голос
/ 21 января 2012

Да ... используйте 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>
...