Forum Moderators: open

Message Too Old, No Replies

bullets of an unordered list on the RIGHT side

         

mylungsarempty

6:55 pm on Jan 16, 2004 (gmt 0)

10+ Year Member



To make the bullets of an unordered list appear on the right side, instead of the left side, of some text, what must i do? I tried align="right" but that did nothing.

grahamstewart

7:44 pm on Jan 16, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



As always the answer lies with CSS.

<ul style="direction:rtl">
<li>one</li>
<li>two</li>
<li>three</li>
</ul>

robert adams

11:53 pm on Jan 16, 2004 (gmt 0)

10+ Year Member




<ul style="direction:rtl">
<li>one</li>
<li>two</li>
<li>three</li>
</ul>

that also moves the whole list to the right side of the page.

robert

iamlost

1:37 am on Jan 17, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month



As robert adams noted "direction: rtl;" moves everything to the right. To position list elsewhere put it in a div and position the div as required.

css:


div.list {
position: relative;
left: 10%;
top: 10%;
width: 20%;
}
ul.rtl {direction: rtl;}

html:

<div class="list">
<ul class="rtl">
<li>one</li>
<li>one two</li>
<li>one two three</li>
</ul>
<div>