© Style-5.net
 

フォーム内radiobutton、checkbox、selectとテキストのズレをCSSで修正

コンタクトフォーム等に設置したradiobutton、checkbox、selectとテキストのズレをCSSで修正します。

a1111a2

input、selectはインライン要素なのでにinputにvertical-align:middleを指定して水平の中心と合わせます。

CSS

input ,select{
vertical-align:middle;
}


もしくは、inputにposition:relativeを指定し、微調整で水平の中心と合わせる方法もありますが、この場合、親要素によってはradiobuttonとテキスト双方を調整する必要がある場合もあります。

CSS
input ,select {
position:relative;
top:-5px;
}