[CSS] Jak wyśrodkować obrazek?

W CSS jest kilka możliwości wyśrodkowania obrazka. Najprostszym sposobem jest umieszczenie tagu img w akapicie i nadanie takiemu akapitowi reguły text-align: center. Np.

<p style="text-align:center;"><img src="" alt="" /></p>

W efekcie zobaczymy:

Inny sposób to zastosowanie tak zwanego kontenera. Tag img umieszczamy wtedy w elemencie div i nadajemy temu elementowi właściwość margin: 0 auto; oraz width - szerokość zdjęcia. W efekcie taki div ze zdjęciem zostanie wyśrodkowany tak jak pokazano poniżej:

Komentarze

Popular

[C++] Jak obliczyć pole i obwód trapezu?

[PHP] Jak pobrać adres strony?

[HTML] Jak wyśrodkować tekst?