OLD | NEW |
---|---|
(Empty) | |
1 <!DOCTYPE html> | |
2 <html> | |
3 <head> | |
4 <link href="resources/flexbox.css" rel="stylesheet"> | |
5 <style> | |
6 .flexbox { | |
7 border: 1px solid black; | |
8 width: 400px; | |
9 } | |
10 .item1 { | |
11 background: lightblue; | |
12 } | |
13 .item2 { | |
14 background: lime; | |
15 } | |
16 </style> | |
17 </head> | |
18 <body> | |
19 <div class="flexbox column"> | |
20 <div class="item1 align-self-center">centeredWithMargins</div> | |
21 <div class="item2 align-self-center">centeredWithAlignSelf</div> | |
22 </div> | |
23 </body> | |
24 </html> | |
OLD | NEW |