Cannot add margin to Legend element in Safari & Chrome
Posted
by Graham
on Stack Overflow
See other posts from Stack Overflow
or by Graham
Published on 2010-04-02T19:05:41Z
Indexed on
2010/04/02
19:43 UTC
Read the original article
Hit count: 625
I have some pretty straightforward markup:
<form action="">
<fieldset class="compact">
<legend>Member Tools</legend>
<label for="username">Username</label>
<input name="username" id="username" type="text"/>
<label for="password">Password</label>
<input name="password" id="password" type="password" />
</fieldset>
</form>
I am attempting to add a small margin to the bottom of the Legend element, this works just fine in Firefox 2 and 3 as well as IE 5-8, however in Safari and Chrome adding a margin does nothing. As far as I know legend
is just another block level element and Webkit should have no issue adding a margin to it, or am I incorrect?
© Stack Overflow or respective owner