blob: 707f0ce902fd14c8a76fa8e001a4875354673c6b [file] [log] [blame]
<style>
div {
width: 200px;
font-size: 20px;
background-color: lightyellow;
text-decoration: underline;
font-family: 'Lucida Grande';
-webkit-line-break: after-white-space;
margin: 8px;
float: left;
}
span {
background-color: pink;
}
</style>
<div>
Lorem ipsum dolor<span> sit amet</span>
</div>
<div style="text-align: center;">
Lorem ipsum dolor<span> sit amet</span>
</div>
<div style="text-align: right;">
Lorem ipsum dolor<span> sit amet</span>
</div>
<div style="text-align: justify;">
Lorem ipsum dolor<span> sit amet</span>
</div>
<div style="direction: rtl; text-align: left;">
Lorem ipsum dolor<span> sit amet</span>
</div>
<div style="direction: rtl; text-align: center;">
Lorem ipsum dolor<span> sit amet</span>
</div>
<div style="direction: rtl; text-align: right;">
Lorem ipsum dolor<span> sit amet</span>
</div>
<div style="direction: rtl; text-align: justify;">
Lorem ipsum dolor<span> sit amet</span>
</div>
<div>
Lorem ipsum &#x05d0;&#x05e0;&#x05d8;&#x05e3;<span> &#x05e9;&#x05dc;&#x05d2;&#x05d9; amet</span>
</div>
<div style="text-align: center;">
Lorem ipsum &#x05d0;&#x05e0;&#x05d8;&#x05e3;<span> &#x05e9;&#x05dc;&#x05d2;&#x05d9; amet</span>
</div>
<div style="text-align: right;">
Lorem ipsum &#x05d0;&#x05e0;&#x05d8;&#x05e3;<span> &#x05e9;&#x05dc;&#x05d2;&#x05d9; amet</span>
</div>
<div style="text-align: justify;">
Lorem ipsum &#x05d0;&#x05e0;&#x05d8;&#x05e3;<span> &#x05e9;&#x05dc;&#x05d2;&#x05d9; amet</span>
</div>
<div style="direction: rtl; text-align: left;">
Lorem ipsum &#x05d0;&#x05e0;&#x05d8;&#x05e3;<span> &#x05e9;&#x05dc;&#x05d2;&#x05d9; amet</span>
</div>
<div style="direction: rtl; text-align: center;">
Lorem ipsum &#x05d0;&#x05e0;&#x05d8;&#x05e3;<span> &#x05e9;&#x05dc;&#x05d2;&#x05d9; amet</span>
</div>
<div style="direction: rtl; text-align: right;">
Lorem ipsum &#x05d0;&#x05e0;&#x05d8;&#x05e3;<span> &#x05e9;&#x05dc;&#x05d2;&#x05d9; amet</span>
</div>
<div style="direction: rtl; text-align: justify;">
Lorem ipsum &#x05d0;&#x05e0;&#x05d8;&#x05e3;<span> &#x05e9;&#x05dc;&#x05d2;&#x05d9; amet</span>
</div>