<!DOCTYPE html>
<html>
<head>
<title>CSS Example</title>
<style>
body {
color:#000000;
background-color:#ffffff;
font-family:arial, verdana, sans-serif;
font-size:12px;}
.ltr {direction:ltr; } /* left to right */
.rtl {direction:rtl; } /* right to left */
</style>
</head>
<body>
<h1>direction Property</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>