input項目（radiobutton・checkbox・select）の位置ずれ対策

フォームに使用する入力項目、radiobutton・checkbox・selectは、文字と並べた際にわずかにズレる場合が多々あります。
気になりだすと止まらない、そんな入力項目位置ずれの調整方法をご紹介します。
 
■その１　vertical-align:middleを指定

vertical-alignを指定することで調整を行います。

input ,select{
	vertical-align:middle;
}

もしくは数値指定

input ,select{
	vertical-align:0.5em;
}

 
■その２　positionを指定

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

※数値は適宜変更

 
お試しください。