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.

enter image description here

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

Popular posts from this blog

c++ - No viable overloaded operator for references a map -

java - Custom OutputStreamAppender not run: LOGBACK: No context given for <MYAPPENDER> -

java - Cannot secure connection using TLS -