How do I center my footer div?

Question

I have a question about my "follow ko photography" tabs in my footer I've got them in there working fine but can't seem to get them centered. I've tried a combo of putting <center></center> into the code shown bellow but can't seem to get it. Any suggestions maybe its a css thing I need to be doing but for that I don't know the code. My site is http://k-ophotography.smugmug.com/

<!-- AddThis Button BEGIN -->
<p>Follow Ko Photography</p>
<div class="addthis_toolbox addthis_32x32_style addthis_default_style">
<a class="addthis_button_facebook_follow" addthis:userid="110385129424"></a>
<a class="addthis_button_twitter_follow" addthis:userid="ko_04"></a>
<a class="addthis_button_google_follow" addthis:userid="u/0/107161987994148148483/posts"></a>
</div>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=ra-4f526943391e6106"></script>
<!-- AddThis Button END -->

Answer 1

First, you need to enclose your entire custom footer in a div:

<div id="myFooter">

    <!-- AddThis Button BEGIN -->
    <p>Follow KO Photography</p>
    <div class="addthis_toolbox addthis_32x32_style addthis_default_style">
    <a class="addthis_button_facebook_follow" addthis:userid="110385129424"></a>
    <a class="addthis_button_twitter_follow" addthis:userid="ko_04"></a>
    <a class="addthis_button_google_follow" addthis:userid="u/0/107161987994148148483/posts"></a>
    </div>

    <script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=ra-4f526943391e6106"></script>
    <!-- AddThis Button END -->

</div>

Then, add this CSS:

#myFooter {text-align: center;}
#myFooter div.addthis_toolbox {
  width:110px;
  margin: 0 auto;
}

If you ever change the number of buttons you have in the toolbar, you will have to modify the width in the above CSS.