Question

im trying to display things inline using css that should be right next to each other i.e.

PART1 part2

instead of

PART1

part2

my code is here

http://jsfiddle.net/4EtAf/6/

thanks

Answer 1

You need to add inline to the H2 tag. The header is a block level element, which will place a break before and after.

.question_area h2
{    
   display:inline;
}

The A tag is inline by default.

You can also float them, but that is overkill in your case.