スタイルを指定していないラジオボタンやチェックボックスの水平がずれたフォーム
セレクト
vertical-alignのキーワードを使ってラジオボタンやチェックボックスのずれを調整
セレクト
vertical-alignの数値を使ってラジオボタンやチェックボックスのずれを調整
セレクト
positionを使ってラジオボタンやチェックボックスのずれを調整
セレクト
キーボードのF12キーを押して開発者ツールを起動すると、ページを再読込するまでCSSを一時的に変更することができます。
CSSの数値を変えるとどのように変化するのかを、お試しください。
フォームを作ったときにinput
のラジオボタンやチェックボックス、select
のセレクトと文字がずれているときがあります。
ラジオボタンなどと文字がずれたままでは少しガタついて見えるので、vertical-align
やposition
を使って水平の中心が揃った美しいフォームを作りましょう。