如何居中对齐徽标图像和右对齐导航ul

Question

徽标和导航都位于标题div中，并且我想在导航对齐到右侧时将徽标居中。

我试过做显示：块和边距：自动为图像获取它居中，但然后它推动导航到下一行。

CSS的是：

.logo { 
    display: inline-block; 
    width: 400px 
    margin: 0 auto; 
} 

/* Navigation */ 

#nav { 
    display: inline-block; 
    margin: auto; 
    padding:0; 
    list-style:none; 
    float: right; 
} 

读，我只好把宽度，使保证金：自动工作，但它的作用是放大图像。谢谢。

Answer 1

从您的#nav &删除float定义为text-align:center它的父母。像这样写：

.header{ 
text-align:center; 
} 
.logo { 
    display: inline-block; 
    width: 400px 
} 

/* Navigation */ 

#nav { 
    display: inline-block; 
    padding:0; 
    list-style:none; 
    text-align:left; 
}