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>

The CSS for the anchor button currently looks like this:

display: inline-block;
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?


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: