blob: 78f6007e1561ccb8f33d8cb7fe3bbc3893d266be [file] [log] [blame]
<!DOCTYPE html>
<!--
| Paragraphs flow around inline blocks, which generate their own internal
| paragraph, and the inline block is treated as a neutral character within
| the original paragraph.
| https://www.w3.org/TR/CSS21/visuren.html#inline-boxes
| https://www.w3.org/TR/CSS21/visuren.html#direction
-->
<html>
<head>
<meta charset="utf-8">
<style>
body {
margin: 0px;
font-family: Roboto, Noto Naskh Arabic UI;
font-size: 30px;
color: #fff;
}
.containing-block {
background-color: #03a9f4;
width: 200px;
line-height: 1.2em;
}
.inline-block {
display: inline-block;
}
</style>
</head>
<body>
<div class="containing-block">
<div><span class="inline-block" dir="rtl">,a.</span>تت2</div>
<div dir="rtl">د1<span class="inline-block" dir="ltr">,a.</span></div>
<div dir="rtl">د1<span class="inline-block">,a.</span>تت2</div>
<div>د<span class="inline-block" dir="rtl">1<span>تت</span></span>,.تتتت</div>
<div>د<span class="inline-block" dir="rtl">تت<span dir="ltr">1,</span>,.تت</span>64تتتت</div>
<div dir="rtl">a<span class="inline-block" dir="ltr">1<span dir="ltr">تت</span></span>b</div>
<div dir="rtl">a<span class="inline-block" dir="rtl">تت<span dir="ltr">1</span></span>b</div>
</div>
</body>
</html>