测试input,img,text混合的默认上下对齐方式

 

<style>

*{font:12px verdana; MARGIN:0px; PADDING:0px;}
.sendC{ float:left; width: 400px ; height: 200px;  BORDER:1px solid black; MARGIN:200px; }
img{ MARGIN:0px; PADDING:0px; }

span.ImgCode{ 
    /*layout-flow : vertical-ideographic;*/
    float:left; margin-top: 20px; vertical-align: middle; height: 100px; BORDER:1px solid black; margin-right: 10px;
}

#pImgCode{height:50px; }
#checkCode{ height:90px; }
.s1{width:53px; height:70px;  border:0; font-size:12px;cursor:hand; BORDER:1px solid black; }

</style>
<div class="sendC"> 
    <span class="ImgCode" > 验证码:</span>
    <span class="ImgCode" >    <input name="pImgCode" type="text" id="pImgCode" size="5" maxlength="4" /> </span>
    <span class="ImgCode" >    <img src="#" width="50" height="20" id="checkCode" />    </span>
    <span class="ImgCode">&nbsp;<input name="submitButton" type="button" value="发 表" class="s1"   onclick="sComForm();" /> </span>
</div>