Question

I want this text all on one line, not spaced on two sepearate lines. How can it be done?

<div id="titlefont">
    <div id="boldness">This text</div>should be next to each other
</div>​

#titlefont {
       font-family:arial;
       font-size:30px;
       text-align:center;
       color:#35404c;
}

 #boldness {
       font-weight:bold;
       font-style:italic; 
}

http://jsfiddle.net/nfSku/

Answer 1

By default divs are rendered as block elements which clear any other elements when not floated.

Fiddle: http://jsfiddle.net/iambriansreed/eu7AW/

CSS:

#boldness {
    font-weight:bold;
    font-style:italic; 
    display: inline;
}