/ Published in: CSS

When we can't or won't change the code of image tag with align attribute, but no 'style="margin: 0 10px 10px 0;' or 'hspace=10px' (IMHO, hspace makes bad looking layout in most cases) code within (just pure code), we can use simple CSS rules for such an images to make them good looking.
Expand |
Embed | Plain Text
Copy this code and paste it in your HTML
CSS code: img[align="left"]{ margin-right: 10px; margin-bottom: 10px; } img[align="right"]{ margin-left: 10px; margin-bottom: 10px; }
URL: http://www.idealweb.ru/layout/aligned-image-in-text-with-outer-css.html
Comments
