ÿþ<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-gb" lang="en"> <head> <title>Inline embedding not broken by blocks</title> <meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" /> <style type="text/css"> body {background: white; } .wrap [lang] {margin: 0.5em 0; font-size: 200%;} .wrap>div { border: 5px solid gray; background: white; padding: 0 0.5em;position:relative;} .wrap {margin: 1em 0;} .block {background: teal;font-size: 50%;} .float-left {float:left;background: blue;} .float-right {float:right;background: green;} .inflow {padding: 0 0.0625em; background: red;} /* .bidi-ltr {direction: ltr;} .bidi-rtl {direction: rtl;} */ </style> </head> <body> <h1><span lang="en">Inline embedding not broken by blocks</span><!-- <br /> <span lang="iw" dir="rtl">ÛÙÕÕß ÓÕ ÛÙÕÕàÙ ÔÖÞàÔ</span> <br /> <span lang="ar">'D'*,'G H+F'&J 'D'*,'G J#E1</span> --></h1> <div dir="rtl"> <h2><span lang="en" dir="ltr">Right to Left 'rtl'</span> - <span lang="iw">ÞÙÞÙß ÜéÞÐÜ</span> - <span lang="ar">EF 'DJEJF %DI 'DJ3'1</span></h2> <div class="wrap"> <div lang="en">This sentence ends with <div class="block">Block</div> a full-stop or period.</div> <div lang="iw">ÞéäØ ÖÔ ÞáêÙÙÝ âÝ <div class="block">Block</div> æÙèÔ êçÕäÔ ÞÜÐÔ ÐÕ.</div> <div lang="ar">G0G 'D,ED) (A'5D)  H <div class="block">Block</div> A*1).</div> <div class="block">Block</div> </div> <div class="wrap"> <div lang="en">This sentence ends with <div class="float-left">Block</div> a full-stop or period.</div> <div lang="iw">ÞéäØ ÖÔ ÞáêÙÙÝ âÝ <div class="float-left">Block</div><span class="inflow"></span> æÙèÔ êçÕäÔ ÞÜÐÔ ÐÕ.</div> <div lang="ar">G0G 'D,ED) (A'5D)  H <span class="inflow"></span><div class="float-left">Block</div> A*1).</div> <div class="block">Block</div> </div> <div class="wrap"> <div lang="en">This sentence ends with <div class="float-right">Block</div> a full-stop or period.</div> <div lang="iw">ÞéäØ ÖÔ ÞáêÙÙÝ âÝ <div class="float-right">Block</div><span class="inflow"></span> æÙèÔ êçÕäÔ ÞÜÐÔ ÐÕ.</div> <div lang="ar">G0G 'D,ED) (A'5D)  H <div class="float-right">Block</div><span class="inflow"></span> A*1).</div> <div class="block">Block</div> </div> <p>With <code>direction: ltr</code></p> <div class="wrap bidi-ltr"> <div> <p lang="en">This sentence ends with a full-stop or period.</p> <p lang="iw">ÞéäØ ÖÔ ÞáêÙÙÝ âÝ âæÙèÔ êçÕäÔ ÞÜÐÔ ÐÕ.</p> <p lang="ar">G0G 'D,ED) (A'5D)  HA*1).</p> </div> </div> </div><!-- end rtl block --> <!-- <p>Please see <a href="http://dev.w3.org/csswg/css3-writing-modes/">CSS Writing Modes Module Level 3</a> and <a href="http://www.w3.org/International/tutorials/bidi-xhtml/">Creating HTML Pages in Arabic, Hebrew and Other Right-to-left Scripts</a>.</p> --> <ul> <li><a href="http://css-class.com/test/css/bidi/">Bidirection</a> (directory)</li> <li><a href="http://css-class.com/test/">CSS Class Test</a></li> </ul> </body> </html>