Comments on: Checkbox Label Positioning in CSS

By: Stellan

Stellan — Thu, 12 Apr 2012 12:04:49 +0000

Great, thanks! How to postion checkboxes nicely in-line has been driving me crazy for years.

ali — Sat, 25 Feb 2012 10:47:17 +0000

thanks.this is a clean solution.

ldexterldesign — Thu, 27 Oct 2011 09:53:39 +0000

I’m not sure I agree with @alexkingorg’s use of ‘gollywockit’ http://t.co/LVkRvo5B #UI

Jonathan — Tue, 15 Feb 2011 03:15:20 +0000

Yes, it does work! I used the class in the div one level up and cascaded it.

I’m so glad you didn’t take down this page!

GodsArse — Wed, 09 Dec 2009 18:45:43 +0000

this prooves tables are still useful. One small table or many lines of compatability-trouble css. Thanks for prooving my point.

radhakrishnan — Tue, 08 Dec 2009 13:57:31 +0000

Thank you for the above guids

All my bookmarks ever | Daniel John Gayle — Fri, 29 May 2009 23:50:41 +0000

[...] Checkbox Label Positioning in CSS | alexking.org [...]

TASARIM — Sun, 19 Apr 2009 09:59:40 +0000

Great article. Thanks for the tips.

john — Wed, 12 Nov 2008 17:39:55 +0000

Yes, it’s worth it! Please keep it up. As Avi Flax predicted, I found this from google right off searching for “checkbox label”. Thank you!

Dixi — Thu, 02 Oct 2008 11:35:16 +0000

Great article. Thanks for the CSS tips.

tom — Tue, 21 Aug 2007 04:02:08 +0000

Thanks for this nice aritcle. using it on my form and works awesome.
thanks for the effort and the sharing!

How to Style Forms in CSS « Kenjun — Sat, 11 Aug 2007 14:51:54 +0000

km — Wed, 13 Sep 2006 22:39:21 +0000

some HTML?

Alex — Wed, 13 Sep 2006 22:37:05 +0000

That doesn’t move the checkboxes in from the left as explained above.

km — Wed, 13 Sep 2006 22:34:24 +0000

what about?

ul.Checkboxes { width : 95px; margin-left: 200px;}
ul.Checkboxes>li { display : inline; }
ul.Checkboxes label { float : right;}