OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 <style> | 4 <style> |
5 h5 { | 5 h5 { |
6 margin: 0; | 6 margin: 0; |
7 } | 7 } |
8 | 8 |
9 .container { | 9 .container { |
10 position: relative; | 10 position: relative; |
(...skipping 140 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
151 <h5>Case 12: fixed text box (blue) should be before relative2 text box (gree
n) in some distance.</h5> | 151 <h5>Case 12: fixed text box (blue) should be before relative2 text box (gree
n) in some distance.</h5> |
152 <div class="container"> | 152 <div class="container"> |
153 <div class="main relative grey rtl" style="right: 100px;"> | 153 <div class="main relative grey rtl" style="right: 100px;"> |
154 relative | 154 relative |
155 <span class="relative green" style="right: 100px;"> | 155 <span class="relative green" style="right: 100px;"> |
156 relative2<div class="inline blue">fixed</div> | 156 relative2<div class="inline blue">fixed</div> |
157 </span> | 157 </span> |
158 </div> | 158 </div> |
159 </div> | 159 </div> |
160 | 160 |
| 161 <h5>Case 13: fixed text box (blue) should be just after relative2 text box (
green).</h5> |
| 162 <div class="container"> |
| 163 <div class="main relative grey" style="left: 100px;"> |
| 164 relative |
| 165 <span class="relative green" style="left: 25%;"> |
| 166 relative2<div class="inline blue">fixed</div> |
| 167 </span> |
| 168 </div> |
| 169 </div> |
| 170 |
| 171 <h5>Case 14: fixed text box (blue) should be after relative text box (grey)
in some distance and before the other relative2 text box (green) in some distanc
e.</h5> |
| 172 <div class="container"> |
| 173 <div class="main relative grey rtl" style="left: 100px;"> |
| 174 relative |
| 175 <span class="relative green" style="left: 25%;"> |
| 176 relative2<div class="inline blue">fixed</div> |
| 177 </span> |
| 178 </div> |
| 179 </div> |
| 180 |
161 </body> | 181 </body> |
162 </html> | 182 </html> |
OLD | NEW |