Bootstrap＆amp; CSS - 当有自动换行时，文本与单选按钮不正确对齐

Question

所以，似乎无法弄清楚为什么会这样。当没有自动换行时，<span>内的文本正确对齐单选按钮的右侧。如果有自动换行，则整个<span>位于单选按钮下方，包括第一行。见下图：

第一个单选按钮文本已正确对齐。

没有自动换行的文字正确对齐。

HTML：

 <div class='checkbox'>
   <input type='radio' id='statementbody' class='statementselector pull-left' "/>
   <label for='statementbody'>  <span>TEXT HERE</span> </label> </div>

CSS＆＃39;左拉＆＃39;是Bootstrap的一部分：

.pull-left {
  float: left !important;
}

我还应该补充一点，我无法消除<label for>和<span>代码。