如何实现图片与输入框对齐

html 代码：

<body>
    <div class="divWrapper">
        <img class="clsImg" src="img/user.png"/>
        <input type="text" class="clsInpt" id="username" value="Username"/>
        <span>*</span>
    </div>
</body>

 

css 代码：

body{ font:14px; font-family:Arial, Helvetica, sans-serif;}
.divWrapper{ width:390px; height:39px; margin:0 auto;  margin-top:20px;}
.clsImg{ vertical-align:middle;}
.clsInpt{ width:228px; height:28px; margin-left:15px; color:#C3C3C3; font-size:14px; padding-left:10px; border:solid 1px #DDD; line-height:28px;}
span{ color:#F00;}

 posted on 2015-03-10 11:35  心情好tr美丽  阅读(278)  评论(1)    收藏  举报