将内部div对齐到中心

Question

我有2个div,内部div和外部div.如何将内部div与中心对齐？
这是我的源代码:

<div class="menu">
    <a href="AdminHomePage.php?id=logout">Manage Staff</a>
</div>

这是CSS:

.menu{
    margin: 100px auto;
    z-index: 2;
    opacity: 0.9;
    text-shadow: 2px 2px 5px #000000;
    width:300px;
    border-style: solid;
    border-width: 1px;
}

.menu a{
    color: #fff;
    font-size: 35px;
    border-style: solid;
    border-width: 1px;
}

外部div位于中心,但内部对齐左侧.如何将它与中心对齐？

Answer 1

添加text-align:center; 给你的父divs css

.menu{
    margin: 100px auto;
    z-index: 2;
    opacity: 0.9;
    text-shadow: 2px 2px 5px #000000;
    width:300px;
    border-style: solid;
    border-width: 1px;
    text-align: center;
}

.menu a{
    color: #fff;
    font-size: 35px;
    border-style: solid;
    border-width: 1px;
}

<div class="menu">
    <a href="AdminHomePage.php?id=logout">Manage Staff</a>
</div>