HTML/CSS question. HELP?

Question

I have a problem doing a HTML/CSS form...
It should look like this: http://i.imgur.com/p4JgB.jpg
But it looks like this: http://i.imgur.com/WyKRa.jpg

I don't know what I've done wrong, I didn't write anything in css to counter checkboxes being in the same row, I haven't inserted any
's or anything that would hint the program to skip into new line. The rest of the form is okay, but such checkboxes are giving me trouble in two parts of it.

Answer 1

Just use a table.

Answer 2

I Suggest you to Add the Html codes and the CSS codes you have used here, then i can help you..

Answer 3

I'm assuming you're using ul/li elements, like so:

Type

• 
  
  Lawyer
  
  
  
  



• 
  
  Judge
  
  
  
  



• 
  
  Witness
  
  
  
  

In your, css add



ul li label{

display: inline-block;

margin-right: 10px;

}



ul li checkbox{

border: 1px solid #000;

}



ul li{

float: left;

margin-left: 10px;

}



Enjoy!

Answer 4

are you using

then your css should be



.class-name ul {

display: block; }



. class-name li {

display: inline-block; }



I hope this helps...