<!DOCTYPE html>
<html dir="rtl">
<title> القوائم الغير مرتبة </title>
<body>
<h1> القوائم المرتبة و الغير المرتبة </h1>
<div class="row">
<ul style="width:50%; float: left;">
<li> القراءة </li>
<li> التدريبات</li>
<li> التطبيق </li>
</ul>
<ol style="width:40%; float: right;">
<li> القراءة </li>
<li> التدريبات</li>
<li> التطبيق </li>
</ol>
</div>
</body>
</html>
<html dir="rtl">
<title> القوائم الغير مرتبة </title>
<body>
<h1> القوائم المرتبة و الغير المرتبة </h1>
<div class="row">
<ul style="width:50%; float: left;">
<li> القراءة </li>
<li> التدريبات</li>
<li> التطبيق </li>
</ul>
<ol style="width:40%; float: right;">
<li> القراءة </li>
<li> التدريبات</li>
<li> التطبيق </li>
</ol>
</div>
</body>
</html>