CSS Property Value How to - direction:ltr;

Question

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

Answer


<html>
<head>
<style>
    .ltr {direction:ltr; }
    .rtl {direction:rtl; }
</style><!-- w  w w  .ja v a2  s  . c  om-->
</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: