Board Thread:General Coding Help/@comment-37490998-20190116165920

Hello, I currently have an issue with overlapping, so I made special styled headers, all the headers on my homepage are styled(with css), and the red backgrounds are overlapping. This is a screenshot of the issue:

Do you see how the red background to the headers go over the text to the right of it, making it look weird. Thats my issue, my homepage is located right here, it is about magnet simulator on roblox.

My css code to style the special headers is:

/*Special Headers*/ border-radius:12px; background:red; color:black; font-size:110%; text-align:center; margin-right:auto; border-color:white; z-index:1000; width:auto; outline-style: solid; outline-color: white; outline-width:1px; }
 * 1) sh  {

and then i put every header on the homepage in side a div block with the id "sh"

Can you please help with this issue, Thank you. 