1、第一种css代码如图所示。display设置成table-cell，text-align为center，垂直居中设置vertical-align为middle。
2、打开浏览器查看结果，图片已处于正中状态。
3、第二种方法css代码如图。div设置成相对定位，img设置成绝对定位，然后left:50%，top:50%，此时图片的左上角将位于div的中心。重点：图片向上移动图片高度的一半，并向左移动图片宽度的一半。正好为与div正中间。
4、在浏览器查看结果，图片水平，垂直均居中。
你给两个元素加float属性就行了。如下：<style type="text/css">
*{margin:0pxpadding:0px}
img{border:0px}
.inp,#authImg{
display:inlne
float:left
}
</style>
</head>
<body>
<div>
<input class="inp" type="text" style="width:100px"/><img id="authImg" src="images/hdj_tp.jpg" align="absmiddle"/>
</div>
</body>
</html>
