CSS Property Value How to - direction:rtl;

Question

We would like to know how to direction:rtl;.

Answer


<html>
<head>
<style>
    .ltr {direction:ltr; }
    .rtl {direction:rtl; }
</style><!--from   ww w. j  a  v a  2  s  . co  m-->
</head>

<body>
<h1>direction</h1>
<p class="ltr">This text should flow left to right.</p>
<p class="rtl">This text should flow right to left.</p>
</body>
</html>

The code above is rendered as follows: