Noob question but do I always have to add padding to images in css ?

[MedowsGomes]

Learning css and working with it for the first time, I read somewhere about padding and margins now this concept is confusing me quite a bit as if I have text near a image surly the padding only needs to be very minuscule or non existent in order to allow for text to flow around it comfortably ?

[JeroenR]

I guess for images using padding or margin would end up in the same result. Though reading the documentation on margin and padding I would recommend margin for this. Since padding is the space inside the box and margin is the space outside of the box.
See some documentation here https://medium.com/frontendshortcut/margin-vs-padding-c1fc8ea8bfaf for example.

Keep in mind that an image is an inline element by default.

[uxfed]

When you say “allow for text to flow around it comfortably”, it sounds like what you’re wanting is “float” on the image, with a margin around it.

I’d advise against paddings for images because the padding is “inside” the boundary of the image, making the image appear smaller. The margin is “ouside”, giving space around the image without altering its size. Depending on which way you’re floating you may want margin-left/margin-right and probably margin-top/margin-bottom.

[Author]

Posts