Quote:
Originally Posted by johnsmith153
...which works, but apparently isn't good standard.
|
That's correct, using block elements inside inline elements is "incorrect".
You can just wrap the tooltip in a
<form>:
Code:
form {
cursor: pointer; /* ? don't know why you wrapped a form in <a> */
}
div {
display: inline-block;
}
Code:
<form>
<label>
<a href="#">Anchor</a>
</label>
<div><!-- form content --></div>
</form>
By your original code, if the form content was clicked it would go to the <a> link. Then what's the purpose of a form?