html - 中心倍数链接

Question

我有这个代码

.inline-subtitles {
    width:100%;
    display:table;
    margin:0 auto;
}

.inline-subtitles a {
    width:33%;
    padding:15px;
    background: #ececec;
    float:left;
    margin-right:10px;
}

<div class="inline-subtitles">
    <a href="#">Doc technique</a>
    <a href="#">Carnet utilisateur</a>
    <a href="#">Nomenclatures</a>
    <a href="#">Notice de pose</a>
    <a href="#">Notice réglages</a>
</div>

我希望这些链接在容器 .inline-subtitles 中居中。

我尝试了 margin: 0 auto; 但它不起作用。

感谢您的帮助!

Answer 1

添加 css 规则 text-align:center; 到 .inline-subtitles a