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>
If you want to keep the text alignment in the left, but with bullets and numbers on the right side, use the CSS property, text-align:left;.
- Example:
<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>

Daily Test with Code Example

HTML
CSS
JavaScript
PHP-MySQL
Which type of <input> creates a color well control for selecting a color value?
type="text" type="color" type="date"
<input type="color" name="get_color" />
Which CSS method rotates the HTML element at a given degree?
scale() translate() rotate()
#some_id:hover {
  transform: rotate(60deg);
  -ms-transform: rotate(60deg);    /* IE 9 */
  -moz-transform: rotate(60deg);   /* Firefox */
}
Click on the function that returns the number with the highest value.
pow() min() max()
var maxn = Math.max(8, 4, 88, 56);
alert(maxn);      // 88
Which function prevent the same file from being included more than once in a page?
include() include_once() require()
include_once("some_file.php");
Display UL bullets and OL numbers on the right side

Last accessed pages

  1. Draw arrow markers with clicks in html element (1935)
  2. JQZoom Image Magnifier (10736)
  3. Highlight selected, clicked word in page (2503)
  4. Insert, Select and Update NULL value in MySQL (47024)
  5. HTML5 Quick Tutorial (4191)

Popular pages this month

  1. Making DIV Contents Scroll Horizontally, with multiple Div`s inside (816)
  2. Contact page - CoursesWeb (790)
  3. Tabs effect with CSS (786)
  4. Courses Web: PHP-MySQL JavaScript Node.js Ajax HTML CSS (344)
  5. PHP getElementById and getElementsByTagName (234)