By default, the bullets of <ul>, <li> and the numbers in <ol> list are displayed on the left side of the content.
If you wand to display them on the right side, use the dir='rtl' (right-to-left text /content align).
- Example, all the content in the UL / OL lists, including bullets and numbers are displayed from the right to left.
<h4>Example List items in right side</h4> <ul dir='rtl'> <li>CoursesWeb.net</li> <li>MarPlo.net</li> <li>GamV.eu</li> </ul> <hr /> <ol dir='rtl'> <li>Free courses</li> <li>Tutorials</li> <li>Lessons</li> </ol>
<h4>Example List markers in right side</h4> <ul dir='rtl' style='text-align:left; width:75%;'> <li>CoursesWeb.net</li> <li>MarPlo.net</li> <li>GamV.eu</li> </ul> <hr /> <ol dir='rtl' style='text-align:left; width:75%;'> <li>Free courses</li> <li>Tutorials</li> <li>Lessons</li> </ol>
<img src="image.jpg" usemap="#map1"> <map name="map1"> <area shape="rect" coords="9, 120, 56, 149" href="#"> <area shape="rect" coords="100, 200, 156, 249" href="#"> </map>
#id { overflow: auto; }
document.getElementById("id").onmouseover = function(){ document.write("Have Good Life"); }
if(isset($_GET["id"])) { echo $_GET["id"]; }