开发者

Input fields are overlapping. Cannot display them inline

开发者 https://www.devze.com 2023-03-04 04:06 出处:网络
I have a page where there are several 开发者_如何转开发input fields that overlap, and cannot seem to display them inline to their labels.

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.


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/

0

精彩评论

暂无评论...
验证码 换一张
取 消