Html Course

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 tag adds a new line into a paragraph?
<b> <br> <p>
First line ...<br>
Other line...
Which CSS property can be used to add space between letters?
text-size word-spacing letter-spacing
#id {
  letter-spacing: 2px;
}
What JavaScript function can be used to get access to HTML element with a specified ID?
getElementById() getElementsByTagName() createElement()
var elm = document.getElementById("theID");
var content = elm.innerHTML;
alert(content);
Click on the "echo" correct instruction.
echo "CoursesWeb.net" echo "CoursesWeb.net"; echo ""CoursesWeb.net";
echo "Address URL: http://CoursesWeb.net";
Display UL bullets and OL numbers on the right side

Last accessed pages

  1. How to get JSON data from JavaScript to PHP (643)
  2. Courses Web: PHP-MySQL JavaScript Node.js Ajax HTML CSS (143324)
  3. The Mastery of Love (7620)
  4. JavaScript Game - Find the Word (896)
  5. Node.js Move and Copy file (28456)

Popular pages this month

  1. Courses Web: PHP-MySQL JavaScript Node.js Ajax HTML CSS (557)
  2. CSS cursor property - Custom Cursors (75)
  3. PHP-MySQL free course, online tutorials PHP MySQL code (51)
  4. The Mastery of Love (51)
  5. Read Excel file data in PHP - PhpExcelReader (51)