title: Why does this work in jsfiddle but nowhere else?
body: <p><a href="http://jsfiddle.net/Jg3FP/1/" rel="nofollow noreferrer">http://jsfiddle.net/Jg3FP/1/</a></p>
  
  <p>This doesn't line up correctly in various browsers but works fine in js fiddle, I'm not doing anything exotic. Why does it behave like this and how do I fix it?</p>
  
  <p><img src="https://i.stack.imgur.com/1teFL.jpg" alt="enter image description here"></p>
  
  <p><img src="https://i.stack.imgur.com/yFHli.jpg" alt="enter image description here"></p>
  
  <pre><code>&lt;div id="diceDiv"&gt;
      &lt;div id="dice1Div"&gt;#&lt;/div&gt;
      &lt;input type="checkbox"/&gt;
      &lt;div id="dice2Div"&gt;#&lt;/div&gt;
      &lt;input type="checkbox"/&gt;
      &lt;div id="dice3Div"&gt;#&lt;/div&gt;
      &lt;input type="checkbox" /&gt;
      &lt;div id="dice4Div"&gt;#&lt;/div&gt;
      &lt;input type="checkbox"/&gt;
      &lt;div id="dice5Div"&gt;#&lt;/div&gt;
      &lt;input type="checkbox"/&gt;
      &lt;div id="dice6Div"&gt;#&lt;/div&gt;
      &lt;input type="checkbox"/&gt;
      &lt;br/&gt;
      &lt;input type="button" value="Roll" /&gt;
  &lt;/div&gt;
  &lt;div id="log"&gt;&lt;/div&gt;
  &lt;div id="score"&gt;&lt;/div&gt;
  &lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript"&gt;
      $("div div").css("float", "left");
      $("div input").css("clear", "right");
  &lt;/script&gt;
  </code></pre>