Using Flexbox

Participation 6

justify-content: center

1

2

3

4

5

justify-content: flex-end

1

2

3

4

5

justify-content: space-evenly

1

2

3

4

5

justify-content: space-between

1

2

3

4

5

flex-grow: 1;

1

2

3

4

5

flex-grow: 2; nth-of-type(3)

1

2

3

flex-basis: 150px;

1

2

3

flex-direction: row-reverse

1

2

3

4

5

order: 3

1

2

3

4

5

align-self: center

1