Currently I'm working on a website for my company on Wordpress. 1

As you can see in 1, the headings are uneven so I use additional CSS to edit. However, a lot of the headings and paragraphs have the same class name so I have to identify the heading as h3 id="bottom-header"

After this, I could modify the "LTDx Hybrid" heading into this 2

Now I would like to adjust the paragraph under the heading, following the same steps as above, identifying the paragraph as
p id="bottom-p"

Then I add the additional CSS code:

#bottom-p{
position: relative;
bottom: 30px;
}

result

As can be seen from the picture, after applying those lines, nothing changed. It would be grateful if anyone can tell me where did I do wrong. Thank you.

CodePudding user response：

Instead of bottom please try min-height or max-height property

#bottom-p{
position: relative;
max-height: 30px;
}