チェックボックスをテーブル風にならべつつ

css

要素を一定の幅で並べつつ、時々発生するイレギュラーなサイズの要素を折り返さず全て表示する方法。

http://d.hatena.ne.jp/ghostbass/20060904/1157352312
では「なんか無理っぽい」としたけど

    • html --
 <div class="checkbox">
        <span class="checkbox_control"><input type="checkbox" /></span>
        <span class="checkbox_label"><label>label</label></span>
 </div>

.checkbox {
	float:left;
	background-color: #DDDDDD;
	height: 1.7em;
	width:auto;
	min-width:7em;
	white-space:nowrap;
	word-break:keep-all;
	line-break:keep-all;
}
.checkbox_control {
	background-color: #DDDDDD;
}
.checkbox_label {
	margin-left:0em;
	background-color: #DDDDDD;
	width :7em;
	min-width:7em;
	overflow:visible;
	display:inline-block;
}

こんな感じでできる模様・・・
ただ、並べる時のサイズは「全体に指定するだけで終わりにしたい」がそういうわけにはいかんのね。