Hi,
I’m working in the Advanced Layout Editor – Edit Page – Text Block – `Text
I want to`put a space between the <hr> and the <h4> text line and again between the <h4> and the <hr> underneath the text line.
I have tried <br> and <p> however when I click save it does not save. How can I get around this problem?
<hr style="border: solid #ff0000 1px; width: 50%; height: 8px; display: block; margin: 0 auto;" />
<h4 style="text-align: center;">Write text here</h4>
<hr style="border: solid #ff0000 1px; width: 50%; height: 8px; display: block; margin: 0 auto;" />
<code/>
Hey taoleo,
Could you try increasing the height on the hr element instead maybe? Or add a bit of padding to the h4?
<h4 style="text-align: center; padding-top:30px;">Write text here</h4>
If you should need more help then please post a link to your site and we’ll have a closer look.
Regards,
Rikard
Thanks Rikard,
The padding works I’m happy with that…just so I gain some more knowledge, what do you mean by: “try increasing the height on the hr element” I would like to see if that will also work.
Hi,
Ok, good :-)
What I mean by the hr height is this variable:
height: 8px;
You could try increasing the value to see if that works.
Best regards,
Rikard
Hi,
height: 8px; increases the thickness of the line not the space between the line and the text.
I’m good the padding in the h4 line so I’ll just use that.
Thanks
Rikard