Question

I want to align the input and form elements to the right and have the label informatuion to the left, all while maintaining the label being vertically centered with each input it is aligned up to. I also need some space between each <li> tag per se.

You can view what I am talking and asking about here… http://jsfiddle.net/CCxwF/

Answer 1

Try this css instead:

label {display: block; margin: 5px 10px; float: left; width: 200px;}
input, select {float: left; width: 150px;}
ul li {clear: both;}
input.checkbox {width: inherit; margin: 5px 0 0 0;}

change the label closing tag for uncategorized to before the checkbox input and add class checkbox to checkbox

else if you want to keep the label around the checkbox you could use this style:

label {display: block; margin: 5px 10px; float: left; width: 200px; position: relative;}
input, select {float: left; width: 150px;}
ul li {clear: both;}
input.checkbox {width: inherit; margin: 5px 0 0 0;}