How to make div, hug the content

hi guys …

why is there always a small padding like space in the bottom of the div which that is supposed to hug the content … it is not coming from the paragraph padding.

I have tried justifying and aligning option but it didn’t work …

all I want is for that div to hug content :slight_smile:

Im obviously doing something wrong … just cant figure what :smiley:


Here is my site Read-Only: LINK
(how to share your site Read-Only link)

Howdy @Oliver_Music and welcome to the community! :wave:

Can you please include your read-only link so I can take a closer peek?

https://preview.webflow.com/preview/hst88s-webflow101?utm_medium=preview_link&utm_source=designer&utm_content=hst88s-webflow101&preview=754ac08b6bfc14b5dc003fd04b53ddf5&workflow=preview

o wow … didn’t even know about that :smiley:

You’ve got a 10 pixel margin under the para.

2 Likes

Like @Hywel mentioned, the default paragraph style adds a 10px bottom margin so that paragraph elements separate themselves from one another:

You can get rid of this for the specific paragraphs within this grid element by adding a class and making the bottom margin property 0 — just be sure to apply it to all of the paragraph elements within that grid:

1 Like