html - 点赞按钮的 CSS 中心

Question

我已完成研究，但未找到有关我的问题的任何有用信息。如果你去 www.metrochristianguide.com，你会看到我在页面顶部放置了一个“喜欢”按钮，并设置了 <DIV>背景颜色为红色。我这样做是为了查看点赞按钮和文本的水平对齐方式。

这是我的代码...

<table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr><td id='relative' width='100%' height="98">
        <img src='images/2011_gold_banner.jpg' border='0' width='100%' height='98'>
        <div style='position: absolute; top: 25px; left: 50px;'>
            <a href='http://www.metrochristianguide.com'><img src='images/new_2011_logo_trans.gif' border='0'></a>
        </div>
        <center><div id="fb-root"></div>
        <script>
        (function(d, s, id) {
            var js, fjs = d.getElementsByTagName(s)[0];
            if (d.getElementById(id)) {return;}
            js = d.createElement(s); js.id = id;
            js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
            fjs.parentNode.insertBefore(js, fjs);
        }(document, 'script', 'facebook-jssdk'));
        </script>
        <div style='text-align: center; background-color: red; float: center; top: -58px;' class="fb-like" data-href="http://www.facebook.com/pages/Metro-Christian-Guide/214303935583" data-send="false" data-width="500" data-show-faces="false" data-font="arial" data-action="recommend"></div>

我尝试了这个网站上的一个建议，只放置 <CENTER></CENTER> <DIV> 周围的标签......那没有用。我也尝试过使用 CSS 样式，“text-align: center;”... 也没有用。

还有其他建议吗？

Answer 1

.fb-like {text-align: center;}
.fb_iframe_widget {display: block !important;}

希望这有助于...