OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 <style> | 4 <style> |
5 .grid { | 5 .grid { |
6 display: inline-block; | 6 display: block; |
7 width: 300px; | 7 width: 300px; |
8 height: 175px; | 8 height: 175px; |
| 9 float: left; |
9 } | 10 } |
10 | 11 |
11 .item { | 12 .item { |
12 width: 100px; | 13 width: 100px; |
13 height: 100px; | 14 height: 100px; |
14 } | 15 } |
15 | 16 |
16 .grid :nth-child(1) { | 17 .grid :nth-child(1) { |
17 background-color: #CCC; | 18 background-color: #CCC; |
18 } | 19 } |
(...skipping 124 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
143 <div class="item bothRowFirstColumn"></div> | 144 <div class="item bothRowFirstColumn"></div> |
144 <div class="item secondRowFirstColumn"></div> | 145 <div class="item secondRowFirstColumn"></div> |
145 </div> | 146 </div> |
146 <div id="grid6" class="grid"> | 147 <div id="grid6" class="grid"> |
147 <div class="item bothRowFirstColumn"></div> | 148 <div class="item bothRowFirstColumn"></div> |
148 <div class="item secondRowFirstColumn"></div> | 149 <div class="item secondRowFirstColumn"></div> |
149 <div class="item firstRowFirstColumn"></div> | 150 <div class="item firstRowFirstColumn"></div> |
150 </div> | 151 </div> |
151 </body> | 152 </body> |
152 </html> | 153 </html> |
OLD | NEW |