Whenever I click on the email address example [email protected], my first checkbox gets checked inexplicably... I have created a fiddle to demonstrate this issue...
<table class="checkboxes">
<tr>
<td >
<label for="CheckBoxOne"><input id="CheckBoxOne" type="checkbox" value=" <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="ee9a8b9d9aae838f8782c08d8183">[email protected]</a> " />
<span><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="0d79687e794d606c6461236e6260">[email protected]</a> </span></label></td>
<td >
<label for="CheckBoxOne"><input id="CheckBoxOne" type="checkbox" value=" <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="374352444305775a565e5b1954585a">[email protected]</a> " />
<span><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="aadecfd9de98eac7cbc3c684c9c5c7">[email protected]</a> </span></label></td>
</tr>
</table>
CSS
.checkboxes label
{
display: block;
float: left;
padding-right: 10px;
white-space: nowrap;
}
.checkboxes input
{
vertical-align: middle;
}
.checkboxes label span
{
vertical-align: middle;
}