| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <meta charset="UTF-8"> | 2 <meta charset="UTF-8"> |
| 3 <style> | 3 <style> |
| 4 #arabic { |
| 5 direction: rtl; |
| 6 } |
| 7 #cyrillic { |
| 8 word-break: break-word; |
| 9 white-space: pre-line; |
| 10 font-family: Arial; |
| 11 } |
| 4 div { | 12 div { |
| 5 direction: rtl; | 13 line-height: 20px; |
| 6 line-height: 20px; | 14 border: 1px solid black; |
| 7 border: 1px solid black; | 15 display: inline-block; |
| 8 display: inline-block; | |
| 9 } | 16 } |
| 10 </style> | 17 </style> |
| 11 <p>There should be only one line of arabic below.</p> | 18 <p>Following paragraphs should not wrap.</p> |
| 12 <div id="test" style="word-break: break-all" data-expected-height=22>اب و عدم وا
بستگی.</div> | 19 <div id="arabic" style="word-break: break-all" data-expected-height=22>اب و عدم
وابستگی.</div> |
| 20 <div id="cyrillic" data-expected-height=22>Договор</div> |
| 13 <script src="../../../resources/check-layout.js"></script> | 21 <script src="../../../resources/check-layout.js"></script> |
| 14 <script> | 22 <script>checkLayout("div");</script> |
| 15 checkLayout("#test"); | |
| 16 </script> | |
| OLD | NEW |