在页脚中放置div

Question

嗨我不知道如何将div放在页脚中心或者向右或向左漂浮，因为我的页脚分崩离析。 这是我的代码：

<div id="footer"><div id="tab_brand"><ul>
<li><a href="#"><img src="footer_slike/dell_footer.png"/></a></li>
</ul>
<ul>
<li><a href="#"><img src="footer_slike/acer_footer.png"/></a></li>
</ul></div>
</div>

css代码

#footer{
background-color:grey;
width:100%;
height:auto;
margin:0;
padding:0;
left:0;
clear:both;
opacity:0.8;
}
#tab_brand{
height:100%;
left: 20px;
border:1px solid white;
}
#tab_brand ul li img{
padding:5px;
}
#tab_brand ul{
display: inline-table;
list-style: none;
height:auto;
width:auto;   
}

感谢

Answer 1

如果您想要居中#tab_brand，则需要为其设置宽度并添加＆＃34; margin: 0 auto＆＃34;以中心为中心。 这是一个例子： http://jsfiddle.net/ok7Lyp2n/