thanks for the great answer, the truth i don't know exactly what each html tag type can do etc... and i will ask you something after i will sort the issue i'm having.
what you offered worked great but as i sad in my question:
the bottom text under the picture doesn't get the padding.
i will explain i'm have all my text wrapped now in a p tag, but some of the text that flow under the image act as a different part .
what i mean if i apply padding to the p tag only the bottom text part moves Although the top and bottom are the same part.
why the top part doesn't move ? without putting margin to the div or the img
is that the reason ?
To get space to the left and bottom of the image you need to add margins to the float because the padding and margins on static elements slide under a float.
the top part float right and stick to the img while is bottom part not ?