お問い合わせ

IEではテキストフィールド(input)とテキストがvertical-align=middleできない

制作・開発
profile

Export Japan

よく問い合わせフォームなどで、
(全角)
のように、入力フィールドの横に(全角)と注意書きをテキストで置きたい場合、IEでは、vertical-align=middleを指定しても、縦で中央ぞろえにならない現象があります。

これを回避するには、
input{
display:inline;
vertical-align:middle;
}
で、入力フィールドをインライン要素に変えてあげると、きちんとそろいます。