html中无序列表怎么整体居中,无法将页面中的无序列表居中？

在浏览互联网一段时间后，我还没有找到一种方法来成功地在我的页面上排列一个无序列表。无法将页面中的无序列表居中？

下面是列表中的HTML：

• 
• 
• 
• 

而这里的CSS的建议，其他SO帖子：

#buttons {

float: right;

position: relative;

left: -50%;

top:140px;

text-align: left;

}

#buttons ul {

list-style-type: none;

position: relative;

left: 50%;

}

#buttons li {

float: left;

position: relative;

}

的浮动：留在列表中的项目是我如何保持列表横向。您还可以在问题查看网站在这里：http://www.tommaxwell.me

+0

我看不出有什么问题... 怎么了？请提供关于浏览器和系统的信息。我使用铬和按钮很好地集中在文本下;)顺便说一句。你究竟想达到什么目的？我不知道你想要什么 –

+0

有什么问题？ Coz on site我得到正确的中心对齐列表 –

+0

你的意思是你希望周围的容器'＃按钮'集中在页面内吗？ –