Html 在div内居中ul（已在第页居中）

我无法将ul集中在div内

HTML:

以下是JSFIDLE的工作原理：

我尝试过这样的事情，但没有成功：

#footer_menu {
    display: inline-block;
    width: 300px;
    margin: 0 auto;
}

编辑：

---

我不需要将页脚中的“

span

”和“

a.footer\u link

”居中（它们应该是非常左和非常右的）。

您需要设置

文本对齐：居中到您的
#页脚


然后可以像这样使用float left和float right

您需要设置
文本对齐：居中到您的
#页脚


然后可以像这样使用float left和float right

将
text align:center
添加到
页脚的样式中

#footer {
    color: #373737;
    font-size: 10px;
    height: 24px;
    line-height: 24px;
    margin: 0 auto;
    text-align: center;
    width: 1000px;
}

JS Fiddle:
将
文本对齐：居中
添加到
页脚的样式中

#footer {
    color: #373737;
    font-size: 10px;
    height: 24px;
    line-height: 24px;
    margin: 0 auto;
    text-align: center;
    width: 1000px;
}

JS Fiddle:
尝试
display:block
而不是
display:inline block
。
它似乎和你在小提琴上描述的一样。
尝试
display:block
而不是
display:inline block
。
它似乎和你在小提琴上描述的一样。
试试这个：

试试这个：

文本对齐
解决方案可能更好。如果我添加块，它会将“a”推到下一行，但它应该浮动到右侧。
文本对齐
解决方案可能更好。如果我添加块，它会将“a”推到下一行，但它应该浮动到右侧。我不需要其他人员来确定，就是ul。我需要的跨度是左边的，a是右边的。我不需要其他员工被拘束，只是ul。我需要跨度为左侧，a为右侧。
.copy{
    float: left;
}
.footer_link{
    float: right;
}

#footer {
    color: #373737;
    font-size: 10px;
    height: 24px;
    line-height: 24px;
    margin: 0 auto;
    text-align: center;
    width: 1000px;
}

<div id="footer">   
<span class="copy">Copyrights 2014</span>
<a href="" class="footer_link">www</a>
<ul class="hor_list" id="footer_menu">
    <li><a href="">HOME</a>

    </li>
    <li><a href="">SHOPS</a>

    </li>
    <li><a href="">CONTACT US</a>

    </li>
</ul> 

* {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
#footer {
text-transform: uppercase;
}
#footer {
color: #373737;
font-size: 10px;
line-height: 24px;
height: 24px;
width: 1000px;
margin: 0 auto;
}
.hor_list {
display: block;
margin-right: auto;
margin-left: auto;
}
.hor_list li {
display: inline;

}
ol, ul {
list-style: none;
}
#footer_menu {
width: 300px;
margin: 0 auto;
}

.copy {
float: left;
}

.footer_link {
float: right;
}