如何将小部件置于网页中心

Question

我的一位朋友让我帮她安排她的Square Space网站上的Trip Adviser图标/小部件。我确定这是一个快速解决方案但是我已经做了一段时间，因为我已经完成了任何网页设计工作。想法？

以下是显示图标/小部件当前位于网站上的位置的图片：

http://screencast.com/t/luITJ5i6l9N4

您还可以在此处查看网站/页面：

http://www.thaxtonspeakeasy.com/contact/

这是她用来生成上述代码的代码：

＆＃13;

＆＃13;

<div id="TA_rated86" class="TA_rated">
<ul id="oic9LYtuDaS" class="TA_links amswNN9">
<li id="t0leCBTSfd5y" class="BwqNAFQg">
<a target="_blank" href="http://www.tripadvisor.com/"><img src="http://www.tripadvisor.com/img/cdsi/img2/badges/ollie-11424-2.gif" alt="TripAdvisor"/></a>
</li>
</ul>
</div>
<script src="http://www.jscache.com/wejs?wtype=rated&amp;uniq=86&amp;locationId=3707749&amp;lang=en_US&amp;display_version=2"></script>

＆＃13;

＆＃13;

＆＃13;

Answer 1

添加此CSS：

#CDSWIDFRR {
    margin:0 auto;
}

（或10px auto看到元素如何在所有方面都有10px的边距）