Inline checkboxes with blank space overlap in Chrome
Created by: jaimeirurzun
See example 2:
The first two forms have the same markup, with the only difference of the space in the label "Check 2":
<form class='form-inline'>
<input type='text'/>
<label for='check1' class='checkbox inline'>
<input type='checkbox' id='check1' name='check1'/>
Check1
</label>
<label for='check2' class='checkbox inline'>
<input type='checkbox' id='check2' name='check2'/>
Check 2
</label>
<button type='submit' class='btn'>Button</button>
</form>
The third form is an equivalent version with no bootstrap styles applied (only display: inline-block;), to ensure it's not Chrome itself causing this. This happens in latest Chrome (17.0.963.46), but renders correctly in latest Firefox (10.0).