blob: e7f8aaf061a3b9483d797cca307a55de2d2407eb [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.
<meta charset="utf-8">
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;
<div class="containing-block">
<div><span class="inline-block">a</span>تت2</div>
<div>د1<span class="inline-block">a</span></div>
<div>د1<span class="inline-block">a</span>تت2</div>
<div>د<span class="inline-block">1<span>تت</span></span>تتتت</div>
<div>د<span class="inline-block">تت<span>1</span></span>تتتت</div>
<div>a<span class="inline-block">1<span>تت</span></span>b</div>
<div>a<span class="inline-block">تت<span>1</span></span>b</div>