title: Simple html/css Qu - how to I get two font sizes on the same line?
body: <p>I want to have a span and with in that span I want there to be two different sizes of text. But I want them to be beside each other. </p>
  
  <p>I've tried putting two spans beside each other, i've tried putting them inside a div, I've tried putting them in seperate divs, I've tried floating them... </p>
  
  <p>Can't make it work :(</p>
  
  <p>I know it's probably dead simple, can any kind soul help?</p>
  
  <p>It's all part of a fading in div, heres the code:</p>
  
  <pre><code>&lt;div id='message' style="display: none;"&gt;
      &lt;span class="big"&gt;Wow, that was quick! &lt;/span&gt;&lt;span&gt;- below is a preview of your page, fill the form below and click publish.&lt;/span&gt;
      &lt;a href="#" class="close-notify"&gt;X&lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>css:</p>
  
  <pre><code>#message {height:30px;width:100%;z-index:105;text-align:center;color:white;padding:10px 0px 10px 0px;background-color:#8E1609;display:inline;}
  #message span {text-align: center;width: 95%;float:left;}
  .close-notify {white-space: nowrap;float:right;margin-right:10px;color:#fff;text-decoration:none;border:2px #fff solid;padding-left:3px;padding-right:3px}
  .close-notify a {color: #fff;}
  .big{font-size:1.3em;}
  </code></pre>
  
  <p>javascript:</p>
  
  <pre><code>$(document).ready(function() {
      $("#message").fadeIn("slow");
      $("#message a.close-notify").click(function() {
          $("#message").fadeOut("slow");
          return false;
      });
  });
  </code></pre>