html图片和文字的细节

ul中的每一个li如果里面添加“一个图，一行字”，

这样图片会紧贴在左侧，而文字会居中，这两个元素不会紧贴着。

产生这种问题的原因我推测是：我图片设置了左浮动，但文字没有设置浮动，而一旦将文字设置为浮动后又会破坏div的布局（文字会往左挤），所以解决办法是将文字设为左浮动的同时，将文字所属的容器设置为overflow:hidden

（这个方法对div也适用（即：将li换成div也会有这种问题））

解决办法是：

将li设置为overflow:hidden;

将里面的包围文字的a标签设置为：float:left;