Html 我如何将其与中心对齐？

我想使用CSS将我的ULs与Dreamweaver中页面的中心对齐。它确实使用CSS，它是一个螺旋形下拉栏。我不知道这是不是我的问题。我复制粘贴了一个朋友寄来的下拉条形码，我不想参与网站设计，但这是为了上课

@charset“UTF-8”；
/*CSS文档*/
身体{
背景色：#000000；
}
.菜单，
.菜单ul{
列表样式：无；
填充：0；
保证金：0；
}
.菜单{
高度：58px；
}
李先生{
背景：-莫兹线性梯度（#292929，#252525）；
背景：-ms线性梯度（#292929，#252525）；
背景：-webkit渐变（线性、左上、左下、颜色停止（0%、#292929）、颜色停止（100%、#252525））；
背景：-webkit线性梯度（#292929，#252525）；
背景：-o-线性梯度（#292929，#252525）；
过滤器：progid:DXImageTransform.Microsoft.gradient（startColorstr='#292929'，endColorstr='#252525'）；
-ms过滤器：“progid:DXImageTransform.Microsoft.gradient（startColorstr='#292929'，endColorstr='#252525'）”；
背景：线性梯度（#292929，#252525）；
边框底部：2个实心#181818；
边框顶部：2个实心#303030；
最小宽度：160px；
}
.菜单>李{
显示：块；
浮动：左；
位置：相对位置；
}
.菜单>李：第一个孩子{
边界半径：5px0；
}
.菜单a{
左边框：3倍实心rgba（0,0,0,0）；
颜色：#808080；
显示：块；
字体系列：“Lucida控制台”；
字号：18px；
线高：54px；
填充：0 25px；
文字装饰：无；
文本转换：大写；
}
.菜单李：悬停{
背景色：#1c1c；
背景：-莫兹线性梯度（#1c1c1c，#1b1b1b）；
背景：-ms线性梯度（#1c1c1c，#1b1b1b）；
背景：-webkit渐变（线性、左上、左下、颜色停止（0%，#1c1c1c）、颜色停止（100%，#1b1b1b））；
背景：-webkit线性梯度（#1c1c1c，#1b1b1b）；
背景：-o-线性梯度（#1c1c1c，#1b1b1b）；
过滤器：progid:DXImageTransform.Microsoft.gradient（startColorstr='#1c1c1c'，endColorstr='#1b1b1b1b'）；
-ms过滤器：“progid:DXImageTransform.Microsoft.gradient（startColorstr='#1c1c1c'，endColorstr='#1b1b1b1b'）”；
背景：线性梯度（#1c1c，#1b1b）；
边框底部：2个实心#1b1b1b；
边框顶部：2个实心#1b1b1b；
}
.菜单li：悬停>a{
边界半径：5px0；
左边框：3px实心#00FFFF；
颜色：#00FFFF；
}
/*子菜单样式*/
.子菜单{
左：0；
最大高度：0；
位置：绝对位置；
最高：100%；
z指数：0；
-webkit透视图：400px；
-moz透视图：400px；
-质谱透视图：400px；
-o-透视图：400px；
透视图：400px；
}
.子菜单li{
不透明度：0；
-webkit变换：旋转（90度）；
-莫兹变换：旋转（90度）；
-ms变换：旋转（90度）；
-o变换：旋转（90度）；
变换：旋转（90度）；
-webkit转换：不透明度.4s，-webkit转换.5s；
-moz变换：不透明度.4s，-moz变换.5s；
-ms变换：不透明度.4s，-ms变换.5s；
-o变换：不透明度.4s，-o变换.5s；
过渡：不透明度.4s，变换.5s；
}
.菜单.子菜单li:将鼠标悬停在a上{
左边框：3px实心#00FFFF；
边界半径：0；
颜色：#00ffff；
}
.menu>li:悬停子菜单，
.菜单>li:焦点.子菜单{
最大高度：2000px；
z指数：10；
}
.menu>li：悬停。子菜单li，
.菜单>li:焦点.子菜单li{
不透明度：1；
-webkit转换：无；
-moz变换：无；
-ms转换：无；
-o变换：无；
转化：无；
}
/*过渡效应的CSS3延迟*/
.菜单li:悬停。子菜单li:第n个子菜单（1）{
-webkit转换延迟：0秒；
-moz转换延迟：0s；
-ms转换延迟：0s；
-o-过渡延迟：0s；
转换延迟：0s；
}
.菜单li:悬停。子菜单li:第n个子菜单（2）{
-webkit转换延迟：50ms；
-moz转换延迟：50ms；
-ms转换延迟：50ms；
-o-转换延迟：50ms；
过渡延迟：50ms；
}
.菜单li:悬停。子菜单li:第n个子菜单（3）{
-webkit转换延迟：100ms；
-moz转换延迟：100ms；
-ms转换延迟：100ms；
-o-转换延迟：100ms；
过渡延迟：100ms；
}
.菜单li:悬停。子菜单li:第n个子菜单（4）{
-webkit转换延迟：150ms；
-moz转换延迟：150ms；
-ms转换延迟：150ms；
-o-转换延迟：150ms；
过渡延迟：150ms；
}
.菜单li:悬停。子菜单li:第n个子菜单（5）{
-webkit转换延迟：200ms；
-moz转换延迟：200ms；
-ms转换延迟：200ms；
-o-转换延迟：200ms；
过渡延迟：200ms；
}
.菜单li:悬停。子菜单li:第n个子菜单（6）{
-webkit转换延迟：250ms；
-moz转换延迟：250ms；
-毫秒转换延迟：250ms；
-o-转换延迟：250ms；
过渡延迟：250ms；
}
.菜单li:悬停。子菜单li:第n个子菜单（7）{
-webkit转换延迟：300ms；
-moz转换延迟：300ms；
-ms转换延迟：300ms；
-o-过渡延迟：300ms；
过渡延迟：300ms；
}
.菜单li:悬停。子菜单li:第n个子菜单（8）{
-webkit转换延迟：350ms；
-moz转换延迟：350ms；
-ms转换延迟：350ms；
-o-转换延迟：350ms；
转换延迟：350ms；
}
.子菜单li：第n个子菜单（1）{
-webkit转换延迟：350ms；
-moz转换延迟：350ms；
-ms转换延迟：350ms；
-o-转换延迟：350ms；
转换延迟：350ms；
}
.子菜单li：第n个子菜单（2）{
-webkit转换延迟：300ms；
-moz转换延迟：300ms；
-ms转换延迟：300ms；
-o-过渡延迟：300ms；
过渡延迟：300ms；
}
.子菜单li：第n个子菜单（3）{
-webkit转换延迟：250ms；
-moz转换延迟：250ms；
-毫秒转换延迟：250ms；
-o-转换延迟：250ms；
过渡延迟：250ms；
}
.子菜单li：第n个子菜单（4）{
-webkit转换延迟：200ms；
-moz转换延迟：200ms；
-ms转换延迟：200ms；
-o-转换延迟：200ms；
过渡延迟：200ms；
}
.子菜单li：第n个子菜单（5）{
-webkit转换延迟：150ms；
-moz转换延迟：150ms；
-ms转换延迟：150ms；
-o-转换延迟：150ms；
过渡延迟：150ms；
}
.子菜单li：第n个子菜单（6）{
-webkit转换
<li>An Item
</li><li>Another Item
</li><li>Third Item</li>

<li>An Item</li>
<li>Another Item</li>
<li>Third Item</li>