<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>القيمة Inline
</title>
<style>
body {
direction:rtl;
text-align:center;
font-size:30px;
}
p {
display: inline;
background: #8FBC8F;
padding: 10px;
}
ul li {
display: inline;
margin: 10px;
}
</style>
</head>
<body>
<p>اصبح عرض عنصر الفقرة هذا بشكل صندوق مضمن
      inline box.</p>
<p>هذه الفقرة أيضا </p>
<ul>
<li>البند الاول</li>
<li>البند الثاني</li>
<li>البند الثالث</li>
<li>البند الرابع</li>
<li>البند الخامس</li>
</ul>
 
הההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההה
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX