| OLD | NEW |
|---|
| (Empty) |
| 1 <!doctype html> | |
| 2 <html> | |
| 3 <head> | |
| 4 <style> | |
| 5 #content { | |
| 6 -webkit-flow-into: flow1; | |
| 7 text-align: justify; | |
| 8 padding: 5px; | |
| 9 direction: rtl; | |
| 10 margin:0 5%; | |
| 11 } | |
| 12 | |
| 13 #first-box { | |
| 14 border: 1px solid blue; | |
| 15 margin:10px 5%; | |
| 16 direction:ltr; | |
| 17 height:340px; | |
| 18 } | |
| 19 | |
| 20 #second-box { | |
| 21 margin:10px 10%; | |
| 22 border: 1px solid green; | |
| 23 direction:rtl | |
| 24 } | |
| 25 | |
| 26 #region1, #region2, #region3 { | |
| 27 border: 1px solid black; | |
| 28 -webkit-flow-from: flow1; | |
| 29 } | |
| 30 | |
| 31 #region1 { | |
| 32 width: 400px; | |
| 33 height: 100px; | |
| 34 } | |
| 35 | |
| 36 #region2 { | |
| 37 width: 500px; | |
| 38 height: 180px; | |
| 39 } | |
| 40 | |
| 41 #region3 { | |
| 42 width: 200px; | |
| 43 height: 120px; | |
| 44 } | |
| 45 | |
| 46 p { direction: ltr } | |
| 47 </style> | |
| 48 </head> | |
| 49 <body> | |
| 50 <div id="content"> | |
| 51 <div id="first-box"> | |
| 52 <div id="second-box"> | |
| 53 <p>This line of text should not get out of the region. This line of
text should not get out of the region. This line of text should not get out of t
he region. This line of text should not get out of the region.</p> | |
| 54 <p>This line of text should not get out of the region. This line of
text should not get out of the region. This line of text should not get out of t
he region. This line of text should not get out of the region.</p> | |
| 55 <p>This line of text should not get out of the region.</p> | |
| 56 </div> | |
| 57 </div> | |
| 58 </div> | |
| 59 | |
| 60 <div id="container"> | |
| 61 <div id="region1"></div> | |
| 62 <div id="region2"></div> | |
| 63 <div id="region3"></div> | |
| 64 </div> | |
| OLD | NEW |
|---|
Chromium Code Reviews