Centred items

Question

How to center the elements inside the div?

https://code.sololearn.com/W16kWL8Mlsvd/?ref=app

Answer 1

good use of flex, just wrong property name, should be

align-items

three more comments i have made, all numbered:

https://code.sololearn.com/WC106vmpxjc5/?ref=app

CSS Pro Tips: Centering Elements by Domino
https://www.sololearn.com/post/37760/?ref=app

Answer 2

The names of the properties in CSS are quite complicated.
So in the parent element (div):

- for horizontal:
justify-content:center

- and for vertical:
align-items:center

Thank you verry much!

Answer 3

Use the <center></center> tag

Answer 4

In CSS. Vertical and horizontal

Answer 5

I restored the code:
https://code.sololearn.com/WQakF8Q859Qg/?ref=app

Answer 6

have you not read the other three comments i left for you in my fix?

Answer 7

I came back with a new correction. Now it's good?
https://code.sololearn.com/WQakF8Q859Qg/?ref=app

Answer 8

Yes it is good.

And sorry I should mentioned that the first two comments were in the HTML tab.

1. No ; in html tag (Referring to your parent div, you have an extra semi-colon after class attribute)

2. Indent your code properly. So that you can read the hierarchy, and debug easily when the code grows. It is usually automatic if you are using a code editor.