CODEWITHSUNDEEP
htmlcss
JonnyHI
JonnyHI

Reputation: 23

Input fields are overlapping. Cannot display them inline

I have a page where there are several input fields that overlap, and cannot seem to display them inline to their labels.

Any ideas on how to put the input filed next to the label? Have tried everything and cant seem to do it.

Example here.

http://www.healthinteractive.co.uk/assess/node/3/done?sid=44

Thanks, from a noob.

Upvotes: 2

Views: 1230

Answers (1)

Jamie Dixon
Jamie Dixon

Reputation: 54001

The way I'd normally align labels and input fields would be to float both the label and the input to the left, and then set clear left on the label.

Something like:

label, input { float:left; }
label { clear:left; }

Example: http://jsfiddle.net/MVu9y/

Upvotes: 2

Related Questions