+ 5

The image will be not displayed in the center

Hello :) I tried to put the image in the middle of the page, but I did something wrong... could you please correct my mistake? <!DOCTYPE html> <html> <head> <title>Pierwszy dzien</title> </head> <body> <p align="center">A nice photo of Kapitan Bomba</p> <img src="https://icdn.2cda.pl/obr/oryginalne/ca7921c47aaa239f592115f13b5b5e4e.jpg" height="300px" width="500px" alt="" align="center"/> </body> </html> The image is on the default (left) site. Thank you and BR! Joan

html images

28th May 2019, 6:14 PM

Joan Wick

8 odpowiedzi

+ 6

Joan Bro plz use this css... img { display: block; margin-left: auto; margin-right: auto; width: 50%; } Maybe the image will align center.🙌🙌🙌

28th May 2019, 6:28 PM

Asmit joy

+ 13

https://stackoverflow.com/questions/28193148/center-an-image-veritcally-and-horizontally-translate-on-iphone

30th May 2019, 7:27 PM

Anwar Ali

+ 4

https://code.sololearn.com/WULPbCc007hK/?ref=app Hi! You should use <p> <img/> </p> After that write in CSS text-align: center; So now you have image in the center. P.S. sorry I can t explain in English

28th May 2019, 6:27 PM

Ivan

+ 4

Joan most wel......🙌🙌🙌🙌

28th May 2019, 6:35 PM

Asmit joy

+ 2

I checked on W3 vlidation website and they offered the same solution - use css, but I just have started with html and want to learn it step by step. I have the same problem with each atribute (I mean, the align doesn't work, ofcourse except text), so I think I really have to add css... Thank you guys for your time!

28th May 2019, 6:34 PM

Joan Wick

+ 1

La propiedad para centrar tu imagen se la debes de poner a <body> para que asi todo su contenido quede centrado en la pantalla

29th May 2019, 5:30 AM

Alejandro Ramírez Gutiérrez