HTML Tutorial

by Trainer Riad Thalji

Directions

directions can help making the underlined page or section Left-to-Right or Right-to-left oriented.  It’s most common use is for right to left languages like Arabic.

Directions can be applied to the whole page or body, or to specific sections.

To apply right to left direction to the whole page you may write:

<html dir=”rtl”>
Or <body dir=”rtl”>

To apply it to a section like:

<div>, <h1> or <p>
,you may write:
<h1 dir=”rtl”>your text </h1>
<div dir=”rtl”>
<p dir=”rtl”>This paragraph is right to left </p>
<p dir=”ltr”>While this one is left to right </p>
</div>

Note that while the outer tag which is the <div> directs the text under it from right to left; the inner second paragraph from left to right.

As a rule, when ever an inner tag in an HTML code have a different formatting from its parent, the inner one always has the priority.

If your browser can read Arabic, here is an example using the right-to-left direction to and Arabic text:

<!doctype html>
<html>
<body>
<h1 dir=”rtl”>
<span dir="RTL">السلام عليكم </span>
</h1>
<h2 dir=”ltr”>The above sentence is a greeting in Arabic </h2>
</body>
</html>





Join Our Coming PMP Prep Course
Special Offer:

JD 230

Delivered by Trainer

Riad Thalji



From the Video Library

How to Create Multi-Lingual Navbars in ASP.Net Core 2.1

How to Create Multi-Lingual Navbars in ASP.Net Core 2.1 | Advanced Programming Series | Riad Thalji

How to Create Multi-Lingual Navbars in ASP.Net Core 2.1

How to Quickly Import Data between Excel, Access and SQL Server

Project Management Office - PMO

Project Managemenet Office - PMO Crash Course

Project Management Office - PMO

How to Create Nested Layouts in ASP.Net Core 2.1 | Advanced Programming Series | Riad Thalji

Developed by Thalji.net, © Riad Thalji