title: Keeping Bullets on the same line
body: <p>I have radio buttons of the same group but cannot figure out how to force them to all be on the same line. Does anyone have any CSS tricks for keeping them all on the same line instead of dropping the last bullet to the next line?</p>
  
  <p><a href="https://i.stack.imgur.com/bWpsv.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/bWpsv.png" alt="enter image description here"></a></p>
  
  <pre><code>&lt;div id="ownership"&gt;
          &lt;label class='radiolabel'&gt;
      &lt;input type="radio" name="ownership" required="yes" value="BOAT MCO" /&gt;Manufacturer's Statement of Origin&lt;/label&gt;
      &lt;label class='radiolabel'&gt;
      &lt;input type="radio" name="ownership" value="BOAT FL Title" /&gt;Florida Certificate of Title&lt;/label&gt;
      &lt;label class='radiolabel'&gt;
      &lt;input type="radio" name="ownership" value="BOAT OOS Title" /&gt;Out-of-state Certificate of Title&lt;/label&gt;
      &lt;label class='radiolabel'&gt;
      &lt;input type="radio" name="ownership" value="TN Required" /&gt;I do not have any of these&lt;/label&gt;
  
  &lt;/div&gt;
  
  #ownership input[type=radio]{
      margin:3px;
      margin-left:10px;
  }
  </code></pre>