| OLD | NEW |
|---|
| (Empty) |
| 1 <!doctype html> | |
| 2 | |
| 3 <style> | |
| 4 .test_paragraph { | |
| 5 margin-top: 1em; | |
| 6 margin-bottom: 1em; | |
| 7 text-align: justify; | |
| 8 font-size: 10px; | |
| 9 font-family: Ahem; | |
| 10 -webkit-font-smoothing: none; | |
| 11 } | |
| 12 | |
| 13 #region1 { | |
| 14 border: 1px solid black; | |
| 15 width: 390px; | |
| 16 height: 90px; | |
| 17 padding: 5px; | |
| 18 } | |
| 19 | |
| 20 #first-box1 { | |
| 21 border: 1px solid blue; | |
| 22 border-bottom: none; | |
| 23 } | |
| 24 | |
| 25 #second-box1 { | |
| 26 margin:10px; | |
| 27 border: 1px solid green; | |
| 28 border-bottom: none; | |
| 29 width: 366px; | |
| 30 height: 83px; | |
| 31 } | |
| 32 | |
| 33 #region2 { | |
| 34 border: 1px solid black; | |
| 35 width: 290px; | |
| 36 height: 80px; | |
| 37 padding: 5px; | |
| 38 } | |
| 39 | |
| 40 #first-box2 { | |
| 41 border: 1px solid blue; | |
| 42 border-top: none; | |
| 43 border-bottom: none; | |
| 44 } | |
| 45 | |
| 46 #second-box2 { | |
| 47 margin-left:10px; | |
| 48 margin-top: -5px; | |
| 49 padding: 0px; | |
| 50 border: 1px solid green; | |
| 51 border-top: none; | |
| 52 border-bottom: none; | |
| 53 width: 266px; | |
| 54 height: 90px; | |
| 55 } | |
| 56 | |
| 57 #first-paragraph3 { | |
| 58 margin-top: 0px; | |
| 59 } | |
| 60 | |
| 61 #region3 { | |
| 62 border: 1px solid black; | |
| 63 width: 390px; | |
| 64 height: 290px; | |
| 65 padding: 5px; | |
| 66 } | |
| 67 | |
| 68 #first-box3 { | |
| 69 border: 1px solid blue; | |
| 70 border-top: none; | |
| 71 } | |
| 72 | |
| 73 #second-box3 { | |
| 74 margin:10px; | |
| 75 margin-top: -5px; | |
| 76 border: 1px solid green; | |
| 77 border-top: none; | |
| 78 width: 366px; | |
| 79 } | |
| 80 | |
| 81 #imgFloat { | |
| 82 float: right; | |
| 83 background-color:green; | |
| 84 width: 130px; | |
| 85 height: 100px; | |
| 86 } | |
| 87 </style> | |
| 88 | |
| 89 <div id="content"> | |
| 90 <div id="region1"> | |
| 91 <div id="first-box1"> | |
| 92 <div id="second-box1"></div> | |
| 93 </div> | |
| 94 </div> | |
| 95 | |
| 96 <div id="region2"> | |
| 97 <div id="first-box2"> | |
| 98 <div id="second-box2"></div> | |
| 99 </div> | |
| 100 </div> | |
| 101 | |
| 102 <div id="region3"> | |
| 103 <div id="first-box3"> | |
| 104 <div id="second-box3"> | |
| 105 <div class="test_paragraph" id="first-paragraph3">This line of <
img id="imgFloat"> text should not get out of the region. This line of text shou
ld 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 the region.</div> | |
| 106 <div class="test_paragraph">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 the region. This line of text should not get out of
the region.</div> | |
| 107 <div class="test_paragraph">This line of text should not get out
of the region.</div> | |
| 108 </div> | |
| 109 </div> | |
| 110 </div> | |
| 111 </div> | |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 159933010:
Remove everything region-specific from LayoutTests. (Closed)
Base URL: https://chromium.googlesource.com/chromium/blink.git@master