The forums ran from 2008-2020 and are now closed and viewable here as an archive.
Home › Forums › CSS › Centering text horizontally between 2 hr lines
I have the following code:
border-top: .5px solid #e10707;
margin: .5em 0;
There is a big white space gap between the text and the bottom hr tag.
What can I do to fix this issue?
We’d need a demo, ideally in Codepen.io of the actual issue.
There could be a variety of reasons for this. It’s more likely to be related to the margins of the text elemment than the hr.
Personally, I wouldn’t be using an hr here…seems to me that borders on your text element would be fine.