I've searched and searched and have not found a solution to suppress
the margin on form or href tags so that there is no space before or
after the tag. The only way I have found to do this is to place the
tags one after another without any spaces between them.
For example, a space gets rendered between these two href's when
displayed in firefox or IE.
<a href="#"><img border="0" height="10" src="test.gif" width="10"
/></a>
<a href="#"><img border="0" height="10" src="test.gif" width="10"
/></a>
But if I place them together without any spaces or linebreak, no space
is rendered.
<a href="#"><img border="0" height="10" src="test.gif" width="10"
/></a><a href="#"><img border="0" height="10" src="test.gif" width="10"
/></a>
Adding display:inline or margin: 0 doesn't have any effect on the href.
For a <form> tag display:inline gets rid of the line break but not the
space at the end of the tag.
Any ideas on a solution?