Adjust space above and below a horizontal line

[canoot65]

How can we adjust the space above and below a horizontal line – like on this page: http://www.nordoy.net/kristelege-foreningar/ ?

I have tried with this CSS rule: {padding-top: 25px; padding-bottom: 25px;} in the <HR> CSS box, but it doesn’t work.

[scrambler]

Try margins

{margin-top: 25px; margin-bottom: 25px;}

Padding creates space inside the elements, margins create space outside the element

[canoot65]

It didn’t work with “margin” either. I even tried to add “!important;”, also with no result.

[scrambler]

I think you made a mistake and did not include the margin within the same brackets as what you already put in the CSS+ box.

All the rules in the CSS + box  should be inside the same brackets

{background-color:#C7C7C7; height:1px;border:none;margin-top: 25px; margin-bottom:25px;}

[canoot65]

Yes, you are right; I didn’t know that all the rules needed to be in the same brackets. Now it’s working properly 🙂

Thank you again so much for helping!

[Author]

Posts