A study in CSS layout

Inline-block method

inner 1
inner 2
inner 3
inner 4

2

3

4

1

2

inner 1
inner 2
inner 3
inner 4

4


Float method

inner 1
inner 2
inner 3
inner 4

2

3

4

1

2

inner 1
inner 2
inner 3
inner 4

4


Flex method

inner 1
inner 2
inner 3
inner 4

2

3

4

1

2

inner 1
inner 2
inner 3
inner 4

4


Grid method

inner 1
inner 2
inner 3
inner 4

2

3

4

1

2

inner 1
inner 2
inner 3
inner 4

4