css - Aligning different font sizes on the same line of text so it looks nice? -

basically, want have h1 , p element on same line, alignment off lot (meaning h1 higher p , looks crappy) , i've never had css before!

i've thrown jsfiddle accompany this, here code:

<h1 style="float:left;display:inline;">"hi!</h1><p style="float:left;display:inline;">i'm james, , <strong>love</strong> building clean, fast , (most importantly) effective websites. oh, , know thing or 2 computers.</p><h1 style="float:left;display:inline">"</h1> 

http://jsfiddle.net/9h8xe/

thanks!

some advice before answer:

1. p tag meant create new paaragraph, if not need use span tag instead.
2. try avoid inline styles, use css selectors.

http://jsfiddle.net/9h8xe/1/

try , let me know if works

html:

<h1 >"hi!</h1><p>i'm james, , <strong>love</strong> building clean, fast , (most importantly) effective websites. oh, , know thing or 2 computers.</p><h1>"</h1> 

css:

p {     display:inline; } h1{     display:inline }