title: Why is my left margin not being applied to my radio button?
body: <p>I've got this CSS:</p>
  
  <pre><code>.leftmarginbreathingroom {
      margin-left: 8px;
  }
  </code></pre>
  
  <p>...and this HTML:</p>
  
  <pre><code>&lt;div class="row"&gt;
      &lt;div class="col-md-12"&gt;
          &lt;h4 class="h4 sectiontext leftmarginbreathingroom"&gt;Generate and Email Reports&lt;/h4&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  
  @* "On a specific day of the month" radio button and Day of month selection element *@
  &lt;div class="row"&gt;
      &lt;div class="col-md-12"&gt;
          &lt;input type="radio" id="groupRptGenerationAndSendingByDayOfMonth" class="leftmarginbreathingroom" value="day"&gt;On a specific day of the month:
          &lt;select id="dayofmonthselect" class="leftmarginbreathingroom"&gt;
              @foreach (String day in daysOfMonth)
              {
                  &lt;option id="selItem_@(day) value=" day"&gt;@day&lt;/option&gt;
              }
          &lt;/select&gt;
          &lt;label&gt; of each month&lt;/label&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  
  @* "Based on a pattern" radio button and select elements *@
  &lt;div class="row"&gt;
      &lt;div class="col-md-12"&gt;
              &lt;input type="radio" id="groupRptGenerationAndSendingBasedOnAPattern" class="leftmarginbreathingroom" value="pattern"&gt;Based on a pattern
              &lt;select id="ordinalselect" class="leftmarginbreathingroom"&gt;
                  @foreach (String ord in ordinalWeeksOfMonth)
                  {
                      &lt;option id="selItem_@(ord) value=" ord"&gt;@ord&lt;/option&gt;
                  }
              &lt;/select&gt;
              &lt;select id="dayofweekselect"&gt;
                  @foreach (String dow in daysOfWeek)
                  {
                      &lt;option id="selItem_@(dow) value="dow"&gt;@dow&lt;/option&gt;
                  }
              &lt;/select&gt;
              &lt;label&gt; of each&lt;/label&gt;
              &lt;select id="weekormonthselect"&gt;
                  @foreach (String pf in patternFrequency)
                  {
                      if (pf == "Month")
                      {
                          &lt;option id="selItem_@(pf)" value="@pf" selected="selected"&gt;@pf&lt;/option&gt;
                      }
                      else
                      {
                          &lt;option id="selItem_@(pf) value="pf"&gt;@pf&lt;/option&gt;
                      }
                  }
              &lt;/select&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>...and yet, although the left margin is applied to the h4 element and the select element, it is <em>not</em> applied to the input radio element:</p>
  
  <p><a href="https://i.stack.imgur.com/xeTd8.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/xeTd8.png" alt="enter image description here"></a></p>
  
  <p>Why not? How can I get the radio button to also head east in pixelstep with the other elements?</p>