html - Bootstrap & CSS - Text incorrectly aligns with radio button when there is a word wrap -
so, can't seem figure out why happening. text inside <span>
correctly aligns right of radio button when there isn't word wrap. if there word wrap, entire <span>
situated underneath radio button, including first line. see picture below:
the first radio button text aligned correctly.
text without word wrap aligns correctly.
html:
<div class='checkbox'> <input type='radio' id='statementbody' class='statementselector pull-left' "/> <label for='statementbody'> <span>text here</span> </label> </div>
css 'pull-left' part of bootstrap:
.pull-left { float: left !important; }
i should add cannot eliminate <label for>
, <span>
tags.
Comments
Post a Comment