OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html> |
3 <style> | 3 <style> |
4 body { | 4 body { |
5 margin: 0; | 5 margin: 0; |
6 } | 6 } |
7 .inline-grid { | 7 .inline-grid { |
8 display: inline-grid; | 8 display: inline-grid; |
9 background-color: lightgrey; | 9 background-color: lightgrey; |
10 margin-top: 5px; | 10 margin-top: 5px; |
(...skipping 76 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
87 should align with the middle | 87 should align with the middle |
88 <div class="inline-grid" style="width: 40px; height: 40px"> | 88 <div class="inline-grid" style="width: 40px; height: 40px"> |
89 <div style="writing-mode: vertical-rl; height: 20px; width: 40px; border-bot
tom: 1px solid black"></div> | 89 <div style="writing-mode: vertical-rl; height: 20px; width: 40px; border-bot
tom: 1px solid black"></div> |
90 </div> | 90 </div> |
91 of the grey box | 91 of the grey box |
92 </div> | 92 </div> |
93 | 93 |
94 <!-- If there are no griditems, align to the bottom of the box. --> | 94 <!-- If there are no griditems, align to the bottom of the box. --> |
95 <div> | 95 <div> |
96 should align with the bottom | 96 should align with the bottom |
97 <div class="empty inline-grid" style="width: 30px; height: 30px;"> | 97 <div class="inline-grid" style="width: 30px; height: 30px"> |
98 </div> | 98 </div> |
99 of the grey box | 99 of the grey box |
100 </div> | 100 </div> |
101 | 101 |
102 <div> | 102 <div> |
103 should align with the bottom | 103 should align with the bottom |
104 <div class="inline-grid" style="width: 40px; height: 40px;"> | 104 <div class="inline-grid" style="width: 40px; height: 40px;"> |
105 <div style="width: 20px; height: 20px; border: 5px solid black; background:
red;"></div> | 105 <div style="width: 20px; height: 20px; border: 5px solid black; background:
red;"></div> |
106 </div> | 106 </div> |
107 of the red box | 107 of the red box |
(...skipping 95 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
203 | 203 |
204 </div> | 204 </div> |
205 | 205 |
206 <script> | 206 <script> |
207 document.getElementById("griditem-with-scrollbar").scrollTop = 999; | 207 document.getElementById("griditem-with-scrollbar").scrollTop = 999; |
208 document.getElementById("grid-with-scrollbar").style.width = "auto"; | 208 document.getElementById("grid-with-scrollbar").style.width = "auto"; |
209 </script> | 209 </script> |
210 | 210 |
211 </body> | 211 </body> |
212 </html> | 212 </html> |
OLD | NEW |