我有以下容器:
#container {
width: 75%;
margin: 0 auto;
background-color: #FFF;
padding: 20px 40px;
border: solid 1px black;
margin-top: 20px;
}
使用nifty:layout Rails生成器生成的。如何将东西居中放置在此容器内,而不是整个页面中?
编辑:抱歉没有提供更多信息:)。我想要居中的是:
<div id="nav">
<ul>
<% if current_user %>
<li><%= link_to "Sign out",destroy_user_session_path %><span>|</span></li>
<li><%= link_to "New snippet",new_snippet_path %><span>|</span></li>
<% else %>
<li><%= link_to "Login",new_user_session_path %><span>|</span></li>
<li><%= link_to "Register",new_user_registration_path %><span>|</span></li>
<% end %>
<li><%= link_to "Snippets",snippets_path %><span>|</span></li>
<li><%= link_to "Chat",messages_path %></li>
</ul>
</div>
这是我目前为止编写的CSS:
#nav {
list-style-type:none;
padding:0;
margin:0;
}
#nav li {
display:inline;
}