HTML - Styling a input type=submit as an anchor and removing extra space rendered
- by Malcolm
Hi,
I have the following HTML and you can see the extra space between the links when the
page renders.
How do trim this space?
<div class="navLinks" style="text-align:right;margin-bottom:30px;">
<form action="/Invoice/SetPaid" method="post"><input id="id" name="id" type="hidden" value="11356" />
<input type="submit" value="Set To Paid" />
</form><form action="/Invoice/WorkInProgress" method="post"><input id="id" name="id" type="hidden" value="11356" />
<input type="submit" value="Set To Work In Progress" />
</form><form action="/Invoice/PrintVersion/11356" method="post"><input id="id" name="id" type="hidden" value="11356" />
<input type="submit" value="Printable Version" />
</form><form action="/Home/User" method="post"><input id="id" name="id" type="hidden" value="11356" />
<input type="submit" value="Continue" />
</form>
</div>
.navLinks form
{
display:inline;
}
.navLinks input
{
text-decoration:underline;
background-color:white;
color: #034af3;
border: 0px none;
text-align:center;
}
.navLinks input:hover
{
text-decoration:none;
}
