html - ドロップダウンリストとimgボタンを揃えるには?

Question

こんにちは、次の (View)html コードと css がこの結果を生成しました。どうすれば整列できますか?

結果

意見

<div class="divfloatleft" >@Html.DropDownListFor(model => model.tintFactorType , slFactorType, new { @class = "divfloatleft rulestextbox5" })</div>
<div class="divfloatleft" >@Html.TextBoxFor(model => model.decFactorValue, new { @class = "divfloatleft rulestextbox6" })</div>
<div class="divfloatleft" >@Html.TextBoxFor(model => model.decMaxBonus, new { @class = "divfloatleft rulestextbox7" })</div>
<div class="divfloatleft" >@Html.TextBoxFor(model => model.nvarMsg , new { @class = "divfloatleft rulestextbox8" })</div>
<div class="divfloatleft" >@Html.TextBoxFor(model => model.varVCode  , new { @class = "divfloatleft rulestextbox9" })</div>
<div  onclick="removeControl(this);return false;" class="remove removeimg divfloatleft"></div>

CSS

.rulestextbox5 {
    min-width: 125px !important;  
    width:125px !important;  
    height:30px !important;  
    margin-right:6px;
    top:30px;
}


.rulestextbox6 {
    min-width: 80px !important;  
    width:80px !important;  
    height:20px !important;  
    margin-right:6px;
}


.rulestextbox7 {
    min-width: 89px !important;  
    width:89px !important;  
    height:20px !important;  
    margin-right:6px;
}


.rulestextbox8 {
    min-width: 72px !important;  
    width:72px !important;  
    height:20px !important;  
    margin-right:6px;
}


.rulestextbox9 {
    min-width: 70px !important;  
    width:70px !important;  
    height:20px !important;  
    margin-right:6px;
}

.removeimg { 
     cursor:pointer;
    width: 19px !important;    
    height: 18px !important;  
    background: transparent url("images/basicsetup/remove.png") no-repeat center center !important; 
}

Answer 1

あなたが私たちに示したCSS以外に、コンボボックスとdivに影響を与える可能性のあるcssを開発ツールで確認することを忘れないでください.

position: relative;
top: 0px;