Guia de display e flexbox
display: block
Item 1
Item 2
Item 3
display: inline
1
2
3
display: inline-block
Caixa 1
Caixa 2
Caixa 3
display: none
InvisÃvel
display: flex + flex-direction: row
1
2
3
flex-direction: column
A
B
C
justify-content: space-around
1
2
3
align-items: center
Centro
Vertical
Alinhado
flex-wrap: wrap
Item 1
Item 2
Item 3
Item 4
Item 5
Item 6
align-content: space-between
1
2
3
4
5
6