html - div 中的中心列表项

Question

我希望所有元素都整齐对齐，而不是全部居中。例如在第一张图片中，它们都整齐地对齐但不在 div 的中心。当您将它们居中时，它们看起来就像第二张图片。我希望他们看起来是第一张图片，但位于 div 的中心

uncentered image

centered image

.aboutMe{
    font-size: 1.3em;
    background-color: white;
    border-radius: 10px;
    width: auto;
    height: auto;
    margin: 30px 10px;
    padding: 0px;
    list-style-position: inside;

}
.aboutMe ul{
    width: 70%;
    margin: 0 auto;
    padding: 0px;
    background-color: #00CED1;
    text-align: center;
}
.aboutMe ul li{
    margin: 0 auto;
    background-color: red;

}
.aboutMe ul li ul{
    margin: 0 auto;
    font-size:  0.7em;
}
<div class="aboutMe">
<ul>
    <li id="name">Name: Matt Muniz-Silva</li>
    <li id="age">Age: 23</li>
    <li id="skills">Programming Skills:
        <ul>
            <li>XHTML</li>
            <li>javascript</li>
            <li>CSS</li>
            <li>jquery</li>
            <li>Bootstrap</li>
            <li>PHP</li>
            <li>Mysql</li>
            <li>Swift</li>
        </ul>
    </li>
</ul>
</div>

Answer 1

我给了你的 parent UL 一个 id "center"和 text-align:center 在你的风格..它有效。

    <div class="aboutMe">
<ul id="center">
    <li id="name">Name: Matt Muniz-Silva</li>
    <li id="age">Age: 23</li>
    <li id="skills">Programming Skills:
        <ul>
            <li>XHTML</li>
            <li>javascript</li>
            <li>CSS</li>
            <li>jquery</li>
            <li>Bootstrap</li>
            <li>PHP</li>
            <li>Mysql</li>
            <li>Swift</li>
        </ul>
    </li>
</ul>
</div>

CSS

 #skills ul li {text-align: center;}.aboutMe{
    font-size: 1.3em;
    background-color: white;
    border-radius: 10px;
    width: auto;
    height: auto;
    margin: 30px 10px;
    padding: 0px;
    list-style-position: inside;

}
.aboutMe ul{
    width: 70%;
    margin: 0 auto;
    padding: 0px;
    background-color: #00CED1;
}
.aboutMe ul li{
    margin: 0 auto;
    background-color: red;

}

#center  {
  text-align:center;
}

.aboutMe ul li ul{
    margin: 0 auto;
    font-size:  0.7em;
}

希望对你有帮助