title: How do I style (css) radio buttons and labels?
body: <p>Given the code bellow, how do I style the radio buttons to be next to the labels and style the label of the selected radio button differently than the other labels?</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;link href="http://yui.yahooapis.com/2.5.2/build/reset-fonts-grids/reset-fonts-grids.css" rel="stylesheet"&gt;
  &lt;link href="http://yui.yahooapis.com/2.5.2/build/base/base-min.css" rel="stylesheet"&gt;
  
  &lt;div class="input radio"&gt;
    &lt;fieldset&gt;
      &lt;legend&gt;What color is the sky?&lt;/legend&gt;
      &lt;input type="hidden" name="color" value="" id="SubmitQuestion" /&gt;
      &lt;input type="radio" name="color" id="SubmitQuestion1" value="1"  /&gt;
      &lt;label for="SubmitQuestion1"&gt;A strange radient green.&lt;/label&gt;
      &lt;input type="radio" name="color" id="SubmitQuestion2" value="2"  /&gt;
      &lt;label for="SubmitQuestion2"&gt;A dark gloomy orange&lt;/label&gt;
      &lt;input type="radio" name="color" id="SubmitQuestion3" value="3"  /&gt;
      &lt;label for="SubmitQuestion3"&gt;A perfect glittering blue&lt;/label&gt;
    &lt;/fieldset&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>Also let me state that I use the yui css styles as base. If you are not familir with them, they can be found here:</p>
  
  <ul>
  <li><a href="http://yui.yahooapis.com/2.5.2/build/reset-fonts-grids/reset-fonts-grids.css" rel="nofollow noreferrer">reset-fonts-grids.css</a></li>
  <li><a href="http://yui.yahooapis.com/2.5.2/build/base/base-min.css" rel="nofollow noreferrer">base-min.css</a></li>
  </ul>
  
  <p>Documentation for them both here : <a href="http://developer.yahoo.com/yui/reset/" rel="nofollow noreferrer">Yahoo! UI Library</a></p>
  
  <p>@pkaeding: Thanks. I tried some floating both thing that just looked messed up. The styling active radio button seemed to be doable with some input[type=radio]:active nomination on a google search, but I didnt get it to work properly. So the question I guess is more: Is this possible on all of todays modern browsers, and if not, what is the minimal JS needed?</p>