Why is the picture not centered?

freeCodeCamp Support
1

Hello everyone,

Can you guide me on identifying the reasons behind the above issue?

I have aligned all content to the center using the text-align property. Why is it aligning all content except for the image?

2

Hello! Use:
margin: 0 auto;

Iā€™d also recommend using some padding so there is a little distance from the img to the text (padding: 5px or padding-bottom: 5px)

1 Like
3

I have aligned all content to the center using the text-align property. Why is it aligning all content except for the image?

4

An image is not text.

Add the margin rule mentioned by @debwesigner above to the img.

1 Like
5

Thanks, @DebWesigner!
Have a great day!

6

Thanks, @JacksonBates! Have a wonderful day!