图像对齐以div为中心

Question

SO， 我有一个着陆页的水平和垂直居中的div。我试图向div中添加一个图像，但只要我插入图像，居中的div的内容就会被推到屏幕的底部或一侧（请参阅页面here）。我试图解决这个CSS的问题：

#landlogo { 
display: block; 
margin-left: auto; 
margin-right: auto; 
float: left; 
clear: both; 
} 

但无济于事。出于某种原因，图像拒绝与文本上方的中心对齐，就像页面上的其他组件一样。我猜想Jquery可能会出现一个问题，它会阻止它正确地与图像对齐，但是我想也许我会在尝试更深入的解决方案之前，通过更尖锐的思维来运行它。

Answer 1

您已将float:left应用于img。

只要我在浏览器中删除该CSS，它就以它为中心。