html - 如何对齐标签和单选按钮？

Question

当你读到这里...我可能还没有解决我的问题，

我正在尝试对齐标签和单选按钮，我尝试了很多“解决方案”，但没有任何效果。我自己创建的单选按钮上没有 CSS。

输出:http://prntscr.com/5am898

我的代码:

<div class="row">
   <div class="col-md-12">
       <div class="btnRadio">
           <label class="radio-inline" for="gal2015lbl">
               <input name="galTab" id="gal2015" value="2015" type="radio">2015
           </label>
           <label class="radio-inline" for="gal2014lbl">
               <input name="galTab" id="gal2014" value="2014" type="radio">2014
           </label>
           <label class="radio-inline" for="gal2013lbl">
               <input name="galTab" id="gal2013" value="2013" type="radio">2013
           </label>
           <label class="radio-inline" for="gal2012lbl">
               <input name="galTab" id="gal2012" value="2012" type="radio">2012
           </label>
           <label class="radio-inline" for="galOtherlbl">
               <input name="galTab" id="galOther" value="Anders" type="radio">And
           </label>
       </div>
   </div>
</div>

Answer 1

尝试将输入放在标签之外。

<label class="radio-inline" for="galOtherlbl">
    And
</label>
<input name="galTab" id="galOther" value="Anders" type="radio">