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 171 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
182 relative | 182 relative |
183 <span class="relative green" style="right: 100px;"> | 183 <span class="relative green" style="right: 100px;"> |
184 relative2 | 184 relative2 |
185 <span class="fixed blue"> | 185 <span class="fixed blue"> |
186 fixed | 186 fixed |
187 </span> | 187 </span> |
188 </span> | 188 </span> |
189 </div> | 189 </div> |
190 </div> | 190 </div> |
191 | 191 |
| 192 <h5>Case 13: fixed text box (blue) should be just after relative2 text box (
green).</h5> |
| 193 <div class="container"> |
| 194 <div class="main relative grey" style="left: 100px;"> |
| 195 relative |
| 196 <span class="relative green" style="left: 25%;"> |
| 197 relative2 |
| 198 <span class="fixed blue"> |
| 199 fixed |
| 200 </span> |
| 201 </span> |
| 202 </div> |
| 203 </div> |
| 204 |
| 205 <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> |
| 206 <div class="container"> |
| 207 <div class="main relative grey rtl" style="left: 100px;"> |
| 208 relative |
| 209 <span class="relative green" style="left: 25%;"> |
| 210 relative2 |
| 211 <span class="fixed blue"> |
| 212 fixed |
| 213 </span> |
| 214 </span> |
| 215 </div> |
| 216 </div> |
| 217 |
192 </body> | 218 </body> |
193 </html> | 219 </html> |
OLD | NEW |