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 } 

Comments

Popular posts from this blog

html5 - What is breaking my page when printing? -

c# - must be a non-abstract type with a public parameterless constructor in redis -

ajax - PHP/JSON Login script (Twitter style) not setting sessions -