checkboxとlabelがずれる

締切済

質問者：hp_win7
質問日時：2014/04/17 23:59
回答数：2件

以下のhtmlコードがあります。

<input type="checkbox">
<label>
読書
</label>

Google Chromで表示すると、チェックボックスと読書という文字の高さ位置がずれています。
何か対処方法はないでしょうか？

よろしくお願いします。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (2件)

最新から表示
回答順に表示

No.2

回答者： Ogre7077
回答日時：2014/04/18 14:50

位置を揃えるスタイルを設定してはいかがでしょうか

<head>
<style> p.高さ位置を揃えたい * { vertical-align:middle; } </style>

<body>
<p class=高さ位置を揃えたい>
<input type="checkbox">
<label>
読書
</label>

- 1
- 件

通報する

No.1

回答者： ORUKA1951
回答日時：2014/04/18 13:25

確認したのですが・・・ずれませんが。

　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>