Html centering text

Hi

Please see the HTML code of this page:

http://horazio.webs.com/italandia.htm

1)
I'm trying to center the social plugins (see the the bottom) but they keep staying on the left side ! How can I fix it ?


2)
The last box on the left of the table, the one with the EMAIL link on is slightly
higher than the other boxes but it should be the same height !
Any ideas to fix that ?


Thanks

For the first problem you can add in HTML code:

Quote:

---

<center><p></p></center>

---

Disregard the link I put, cos I changed that page.

The plugin I want to center (on a plain HTM page) is the following:

Code:

---

<div class="a2a_kit a2a_default_style">
<a class="a2a_dd" href="http://www.addtoany.com/share_save">Share</a>
<span class="a2a_divider"></span>
<a class="a2a_button_facebook"></a>
<a class="a2a_button_twitter"></a>
<a class="a2a_button_email"></a>
</div>
<script type="text/javascript">
var a2a_config = a2a_config || {};
a2a_config.onclick = 1;
a2a_config.num_services = 6;
</script>
<script type="text/javascript" src="http://static.addtoany.com/menu/page.js"></script>

---

How can I center it ?
Thanks

If you want to center that div you can do this:

Code:

---

<center><div class="a2a_kit a2a_default_style">
<a class="a2a_dd" href="http://www.addtoany.com/share_save">Share</a>
<span class="a2a_divider"></span>
<a class="a2a_button_facebook"></a>
<a class="a2a_button_twitter"></a>
<a class="a2a_button_email"></a>
</div></center>
<script type="text/javascript">
var a2a_config = a2a_config || {};
a2a_config.onclick = 1;
a2a_config.num_services = 6;
</script>
<script type="text/javascript" src="http://static.addtoany.com/menu/page.js"></script>

---

But there can be problem with links, so in css you can add :

Code:

---

#a2a_kit a2a_default_style {
margin-left:auto;
margin-right:auto;
}

---

Try both and tell me does that work.