| ojan@chromium.org | 37d341c | 2011-10-13 00:37:40 +0000 | [diff] [blame] | 1 | <style> |
| 2 | .container { | ||||
| 3 | position: relative; | ||||
| 4 | background-color: pink; | ||||
| 5 | outline: 1px solid black; | ||||
| 6 | display: inline-block; | ||||
| 7 | } | ||||
| 8 | .box { | ||||
| 9 | background-color: grey; | ||||
| 10 | width: 100px; | ||||
| 11 | height: 100px; | ||||
| 12 | margin: 10px 20px 30px 40px; | ||||
| 13 | } | ||||
| 14 | </style> | ||||
| 15 | |||||
| 16 | <div>The four boxes below should look identical.</div> | ||||
| 17 | |||||
| 18 | <div class="container"> | ||||
| 19 | <div class="box"></div> | ||||
| 20 | </div> | ||||
| 21 | |||||
| 22 | <div class="container"> | ||||
| 23 | <div class="box"></div> | ||||
| 24 | </div> | ||||
| 25 | |||||
| 26 | <div class="container"> | ||||
| 27 | <div class="box"></div> | ||||
| 28 | </div> | ||||
| 29 | |||||
| 30 | <div class="container"> | ||||
| 31 | <div class="box"></div> | ||||
| 32 | </div> | ||||