title: Aligning different font sizes on the same line of text so it looks nice?
body: <p>Basically, I want to have an h1 and a p element on the same line, but the alignment is off a lot (meaning the H1 is higher than the P and looks crappy) and I've never had to do anything like this with css before!</p>
  
  <p>I've thrown together a jsfiddle to accompany this, here is the code:</p>
  
  <pre><code>&lt;h1 style="float:left;display:inline;"&gt;"Hi!&lt;/h1&gt;&lt;p style="float:left;display:inline;"&gt;I'm James, and I &lt;strong&gt;LOVE&lt;/strong&gt; building clean, fast and (most importantly) effective websites. Oh, and I also know a thing or two about computers.&lt;/p&gt;&lt;h1 style="float:left;display:inline"&gt;"&lt;/h1&gt;
  </code></pre>
  
  <p><a href="http://jsfiddle.net/9H8xE/" rel="noreferrer">http://jsfiddle.net/9H8xE/</a></p>
  
  <p>Thanks!</p>