Image padding not working 1

[Stoemp]

Hi

I have a problem with the lay-out of a paragraph with an image inside. I want to let the image float to the left and get a space of 10px between the image and the text. This is my code:

<p class="pBodyTekst"><img src="../maps/mr1.jpg" style="border: solid 1px black; float: left; padding-right: 10px; padding-bottom: 10px; width: 150px; height: 97px;" alt="MR-1" />Omschrijving voor de Mini Rocker Shaker</p>

Apparently there's no padding to the right of the image.

Does anyone know what I do wrong?

Thanks

Steven

 

[DaZZleD]

it's because the padding attribute applies to a container and sets a distance between the container's margins and the children's position. In your case you need to use the margin attribute.

<p class="pBodyTekst"><img src="../maps/mr1.jpg" style="border: solid 1px black; float: left; margin-right: 10px; margin-bottom: 10px; width: 150px; height: 97px;" alt="MR-1" />Omschrijving voor de Mini Rocker Shaker</p>

 

[Stoemp]

This works indeed! Thanks a lot!

Steven