and it worked, to an extent. The problem being it's adding a margin around all sides of the horizontal rule. As the margin px value increased, the shorter the horizontal rule got. I would like to be able to only effect the top and bottom padding of the horizontal rule. Can someone point me in the right direction to adjust this value? Much appreciated.
I just tested and yes, you are correct, it expands the HR, so use margin instead -- it would be:
hr { margin-top: 10px; margin-bottom: 10px }
or
hr { margin: 10px 0 10px 0; }
Question
Guest
I have tried this bit of code:
and it worked, to an extent. The problem being it's adding a margin around all sides of the horizontal rule. As the margin px value increased, the shorter the horizontal rule got. I would like to be able to only effect the top and bottom padding of the horizontal rule. Can someone point me in the right direction to adjust this value? Much appreciated.
Edited by Guestretag
Link to post
Top Posters For This Question
2
1
1
Popular Days
Jun 26
5
Oct 14
1
Jun 1
1
Top Posters For This Question
kale 2 posts
Packer 1 post
AskQuesty 1 post
Popular Days
Jun 26 2013
5 posts
Oct 14 2015
1 post
Jun 1 2019
1 post
Popular Posts
kale
I just tested and yes, you are correct, it expands the HR, so use margin instead -- it would be: hr { margin-top: 10px; margin-bottom: 10px } or hr { margin: 10px 0 10px 0; }
6 answers to this question
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment