中心<ul>在<div> </div> </ul>中

Question

我尝试了很多来自stackoverflow的解决方案，使我的<UL>居中，但没有成功。任何人都可以检查一下吗？

http://mihalko.eu/index.php

我想以“Shop 943 01 ... not available”为中心。

由于

Answer 1

HTML：

<div class="div">
<ul>
<li>Test 1</li>
<li>Test 2</li>
<li>Test 3</li>
</ul>
</div>

CSS：

.div {
    text-align: center;
}
.div ul {
    margin: 0 auto;
}
.div ul li {
    width: 100px;
    display: inline-block;
}

Answer 2

如果在ul上设置固定宽度，则可以使用auto作为水平边距的值，以使ul居中。

ul {
   margin: 0 auto;
   width: 200px;
}