center div / css

[Chadi]

Hey folks,

I added below in mobile skin footer for easy color changes. Problem is, I cannot for the life of me get them centered in the page. I tried span, div, margin auto, margin left/right 50%, etc. Nothing works.

<div style="font-size:8px;color:#777;margin-bottom:8px;">Change Style:</div>

<div style="float:left;width:4%;margin-right:2px;border: 8px solid #43A6DF;background-color:#43A6DF;color:#43A6DF;height:10px;text-align:center">
<a href="http://www.talkjesus.com/index.php?styleid=199" style="text-decoration:none" style="text-decoration:none">&nbsp;&nbsp;&nbsp;</a>
</div>

<div style="float:left;width:4%;margin-right:2px;border: 8px solid #189900;background-color:#189900;color:#189900;height:10px;text-align:center">
<a href="http://www.talkjesus.com/index.php?styleid=200" style="text-decoration:none">&nbsp;&nbsp;&nbsp;</a>
</div>

<div style="float:left;width:4%;margin-right:2px;border: 8px solid #E66B1B;background-color:#E66B1B;color:#E66B1B;height:10px;text-align:center">
<a href="http://www.talkjesus.com/index.php?styleid=201" style="text-decoration:none">&nbsp;&nbsp;&nbsp;</a>
</div>

<div style="float:left;width:4%;margin-right:2px;border: 8px solid #603CBB;background-color:#603CBB;color:#603CBB;height:10px;text-align:center">
<a href="http://www.talkjesus.com/index.php?styleid=202" style="text-decoration:none">&nbsp;&nbsp;&nbsp;</a>
</div>

<div style="float:left;width:4%;margin-right:2px;border: 8px solid #B21A41;background-color:#B21A41;color:#B21A41;height:10px;text-align:center">
<a href="http://www.talkjesus.com/index.php?styleid=203" style="text-decoration:none">&nbsp;&nbsp;&nbsp;</a>
</div>

<div style="float:left;width:4%;margin-right:2px;border: 8px solid #82BA1B;background-color:#82BA1B;color:#82BA1B;height:10px;text-align:center">
<a href="http://www.talkjesus.com/index.php?styleid=204" style="text-decoration:none">&nbsp;&nbsp;&nbsp;</a>
</div>

<div style="float:left;width:4%;margin-right:2px;border: 8px solid #808080;background-color:#808080;color:#808080;height:10px;text-align:center">
<a href="http://www.talkjesus.com/index.php?styleid=205" style="text-decoration:none">&nbsp;&nbsp;&nbsp;</a>
</div>

<div style="float:left;width:4%;margin-right:2px;border: 8px solid #E2A600;background-color:#E2A600;color:#E2A600;height:10px;text-align:center">
<a href="http://www.talkjesus.com/index.php?styleid=206" style="text-decoration:none">&nbsp;&nbsp;&nbsp;</a>
</div>

<div style="float:left;width:4%;margin-right:2px;border: 8px solid #169EAB;background-color:#169EAB;color:#169EAB;height:10px;text-align:center">
<a href="http://www.talkjesus.com/index.php?styleid=207" style="text-decoration:none">&nbsp;&nbsp;&nbsp;</a>
</div>

<div style="float:left;width:4%;margin-right:2px;border: 8px solid #C71585;background-color:#C71585;color:#C71585;height:10px;text-align:center">
<a href="http://www.talkjesus.com/index.php?styleid=208" style="text-decoration:none">&nbsp;&nbsp;&nbsp;</a>
</div>

<br />

<div style="border: 3px dashed #43A6DF; margin-top: 30px; width: 95%"></div>