I have an anchor button that links to a contact page on a website. It is inside a listed item tag and it is stretching the header top and the listed item tag. The anchor button currently looks like this:

<li><div id="contact_us">
  	<a href="/contact" class="red-bg" role="button">FREE Boiler Evaluation</a>
		</div></li>

The CSS for the anchor button currently looks like this:

a.red-bg{
display: inline-block;
overflow:hidden;
padding: 0 10px;
}

How do I get it to fit inside the listed item tag so that it doesn’t keep stretching the header or the listed item tag?

Read more here: How do I get an anchor button to fit inside a listed order tag?


Solution:

If you know the solution of this issue, please leave us a reply in Comment section, to update the question.


Wordpress related questions and answers: