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 defines the clickable areas inside the image map?
<map> <img> <area>
<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>
Which CSS property defines what is done if the content in a box is too big for its defined space?
display overflow position
#id {
  overflow: auto;
}
Click on the event which is triggered when the mouse is positioned over an object.
onclick onmouseover onmouseout
document.getElementById("id").onmouseover = function(){
  document.write("Have Good Life");
}
Indicate the PHP variable that contains data added in URL address after the "?" character.
$_SESSION $_GET $_POST
if(isset($_GET["id"])) {
  echo $_GET["id"];
}
Display UL bullets and OL numbers on the right side

Last accessed pages

  1. Add sounds and audio effects in Flash (3529)
  2. Lessons Adobe Flash CS5 course (3480)
  3. Courses Web: PHP-MySQL JavaScript Node.js Ajax HTML CSS (141696)
  4. Force Download files with PHP (5175)
  5. Using the Bone Tool (4242)

Popular pages this month

  1. Courses Web: PHP-MySQL JavaScript Node.js Ajax HTML CSS (420)
  2. CSS cursor property - Custom Cursors (70)
  3. PHP-MySQL free course, online tutorials PHP MySQL code (55)
  4. The Mastery of Love (55)
  5. CSS3 2D transforms (44)