title: How to add space between text and radio button?
body: <p>I want single space between the text and radio button. To achieve this I tried the css class answerBottomYesNo by adding margin-left: 7px . for some reason it did not work. 
  Below is code snippet</p>
  
  <pre><code>&lt;div class="questionRow odd"&gt;
                  &lt;div class="question"&gt;
                      Ear Aches?
                  &lt;/div&gt;
                  &lt;div class="answers"&gt;
                      &lt;label for="rbEarAches1"&gt;&lt;span class="answerBottomYesNo" &gt;&lt;input type="radio" id="rbEarAches1" name="EarAches" value="true" data-bind="checked: EarAches"&gt;Yes&lt;/span&gt;&lt;/label&gt;
                      &lt;label for="rbEarAches0"&gt;&lt;span class="answerBottomYesNo"&gt;&lt;input type="radio" id="rbEarAches0" name="EarAches" value="false" data-bind="checked: EarAches"&gt;No&lt;/span&gt;&lt;/label&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
  </code></pre>
  
  <p>What should I do to give a space between the radio button and text. I could have done nbsp but I really want this to reside in the CSS file. Help appreciated!</p>