• 締切済み

INPUT の上下にスペース

下記のソースで、 チェックボックスと選択肢(スポーツ・読書・まんが等)の上にスペースを挿入したいのですが何か良い方法は無いでしょうか? 5~10ピクセル程度の行間をあけて可読性を高めたいのです。 height ・ vspace や 背景と同色の border を設定してみてもうまくいきません。 <input type=checkbox value="PC">パソコン <BR> <input type=checkbox value="SP">スポーツ <BR> <input type=checkbox value="RD">読書 <BR> <INPUT TYPE="RADIO" VALUE="3">まんが <BR> <INPUT TYPE="RADIO" VALUE="3">絵本

みんなの回答

  • ao_
  • ベストアンサー率33% (15/45)
回答No.1

ページのhead部分に下記のCSSをコピペすればできます。 本当は外部ファイルにした方がいいんですが、暫定的に。 <style> input{ margin-bottom:10px; } </style>

hikiko
質問者

お礼

解答ありがとうございます。 その方法だとIE6では ↓ のように表示されまくいきません。 □  パソコン □  金金金金 □  金金金金 しかしながら、自己解決しました。下記のようなソースにすればできました。 <DIV style="margin-bottom:10px;"> <input type=checkbox value="PC">パソコン</DIV> <BR> <DIV style="margin-bottom:10px;"> <input type=checkbox value="SP">スポーツ </DIV> <BR> <DIV style="margin-bottom:10px;"> <input type=checkbox value="RD">読書 </DIV> <BR> 行間が line-height:1.5em と指定してあるのにあかなかった原因は、実際には選択肢(パソコン、読書など)を<label>でくくってチェックボックスと関連付けたためかもしれません。 おさわがせ失礼しました。

関連するQ&A