无法在CSS中居中广告

Question

我试图在CSS中居一个div，但它无法居中。 我尝试添加text-align: center;无济于事。

问题的链接是https://www.fir3net.com/，它是顶级广告。

有什么想法吗？

示例代码：

HTML：

<div class="uk-panel uk-text-center topadvert">
    <div style="text-align:center;">
        <img src="https://www.google.ca/images/srpr/logo11w.png" width="100%">
    </div>
</div>

CSS

.topadvert {
    width:728px;
    height:90px
}

Answer 1

将以下内容添加到.topadvert课程

margin-left: auto;
margin-right: auto;

你不需要text-align:center包含div，你可以删除它。

Answer 2

它是一个块元素，text-align适用于内联元素。

您想要margin: 0 auto;

text-align
margin

Answer 3

**更新了正在使用的类中的内联代码

将以下CSS添加到＆＃34; <div class="uk-panel uk-text-center **topadvert**">＆＃34; ：

margin: 0 auto;

以下是代码

.topadvert {
  width: 728px;
  height: 90px;
  margin: 0 auto; /*ADDED*/
}

这是输出：

保存此图片并打开以获得更好的清晰度!!

小提琴相同＆gt; http://jsfiddle.net/azt9Lnem/1/

Demo

希望这会有所帮助!!!