text on same line

[cbesh2]

I'm having problems getting my text to show up on the same line. I'm not sure what I'm doing wrong.

Here is my code:

<div id="subtitle"><b>What Personal Information Is Collected?</b>&nbsp;&nbsp;<div style="font-size:7px"><a href="#whatinfo">SEE MORE DETAILS</a></div></div>

The "subtitle" CSS is external:

#subtitle {
font-family:sans-serif, arial, verdana;
font-size:9pt;
background-color:#cccccc;
padding-left:6px;
}

I don't understand why the "SEE MORE DETAILS" link showing up on a second line? I want it at the end of my subtitle.

Thanks for your help in advance.

[ryanhellyer]

Originally Posted by cbesh2

I'm having problems getting my text to show up on the same line. I'm not sure what I'm doing wrong.

Hi,
DIV's are block level elements. By default they have a width of auto applied to them which causes the second piece of text to drop down a line. Instead use a SPAN which is an inline element and will keep your text on the same line.

cheers,
Ryan

[TYPELiFE]

Or another technical solution is you can add a display:inline to your style attributes. However, using span elements would be better in this case.