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 |