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

制作・開発
profile

Export Japan

2008年04月04日

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

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

関連投稿

image

2021年07月07日

ケーススタディ:金融庁様 グローバル金融連携センター

K. Wozniak

image

2018年05月10日

制作実績のご紹介
小田急電鉄様

Y. Hirano

image

2017年09月07日

シリーズ第二弾!「100円均一ショップ」Webサイト 多言語対応を調べてみた

F. Izumi