在默认情况下，input文本框和图片无法自然对齐，总会有所偏差，文本框往往会比图片要往下边一点，

只要给元素添加

vertical-align:bottom
vertical-align:middle

即可令两者底部水平对齐，代码如下：

<input type="text" style="vertical-align:bottom">
<img src = "images/logo.jpg" width = "50%" height = "50%" style="vertical-align:bottom">