[CSS]複数のチェックボックスを小さいスペースにまとめるスタイルシート

Vitaminのエントリー「Streamline your forms with widgets」から、複数のチェックボックスを小さいスペースにまとめて表示するスタイルシートを紹介します。

Streamline your forms with widgets
デモ

デモのチェックボックスには、下記のように６項目で多数のチェックボックスが配置されており、それを小スペースで表示しています。

個人的には、一覧性に欠けてしまっているのと、スクリプト：オフ、スタイルシート：オフ時を考えると、実装するにはもう少し手をかける必要があるのかな、と思います。