在div中发布居中的ul元素

Question

我遇到了一个以我的div中的ul元素为中心的问题。我使用了margin: 0 auto技术，但它在这种情况下不起作用。另外，我总是有一个问题，即使用ul是否需要将宽度设置为div元素是否有必要使用margin: 0 auto是否可以解决这个问题？

HTML：

<div class="col-3-12">
            <div class="sidebar-personal-information">
                <div id="sidebar-social-media">
                    <ul id="sidebar-social-media-list">
                        <li><img class="sidebar-social-media-icons" src="images/linkedin.png"></li>
                        <li><img class="sidebar-social-media-icons" src="images/twitter.png"></li>
                    </ul>
                </div>
             </div>
           </div>

的CSS：

.sidebar-personal-information {
    background-color: #00a8df;
}

#sidebar-social-media {
    margin: 0 auto;
    padding: 10px;
    vertical-align: center;
}
ul#sidebar-social-media-list{
    width: 100%;
    margin: 0 auto;
}



#sidebar-social-media ul li {
    display: inline;
}

Answer 1

看看this Fiddle
通过在CSS中将text-align: center添加到#sidebar-social-media，问题应该得到解决。

致信 Vitorino Fernandes ，我想发表评论，但我没有足够的声誉。