[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:
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuRufsJISq--1g5tPoApdsl2QdsPs0Z-ohBuzOD9GrvRpilz107EHm5nYvBB79UXF-dyKgma_w6x_7sXk8v2RK4RumCSQH6AojxASm5XbsNE_cmx_uHBscvgxk8TsY_-eQWwy_tj7YIyGyz1-6nFH_ww3H441gyUqeo9C65aRoaNlEXFm7i4u8RmOMGQ/s1600/IMG_20221106_143602.png)
Komentarze
Prześlij komentarz
Dzięki za komentarz!