• 締切済み

checkboxとlabelがずれる

以下のhtmlコードがあります。 <input type="checkbox"> <label> 読書 </label> Google Chromで表示すると、チェックボックスと読書という文字の高さ位置がずれています。 何か対処方法はないでしょうか? よろしくお願いします。

みんなの回答

  • Ogre7077
  • ベストアンサー率65% (170/258)
回答No.2

位置を揃えるスタイルを設定してはいかがでしょうか <head> <style> p.高さ位置を揃えたい * { vertical-align:middle; } </style> <body> <p class=高さ位置を揃えたい> <input type="checkbox"> <label> 読書 </label>

  • ORUKA1951
  • ベストアンサー率45% (5062/11036)
回答No.1

確認したのですが・・・ずれませんが。  inputやlavelの使い方は治してチェックしました。 <form action="./"> <p><input type="checkbox" name="taste" value="reading" id="taste-reading"><lavel for="taste-reading">読書</lavel></p> <p><lavel><input type="checkbox" name="taste" value="reading" >釣り</lavel></p> </form>

hp_win7
質問者

お礼

ご回答ありがとうございます。 読書の文字がチェックボックスより下にずれています。 いただいた読書、釣りの画像もずれているように私は見えます。

関連するQ&A