Html 水平对齐标题中的徽标和导航菜单

由于某些原因，我无法使我的徽标和导航菜单在标题中水平对齐。我仍然在计算浮动和显示属性，我猜这就是问题所在。我试着把display:inline块放在两者上，直到我把width:100%放在我的navContainer上，它才开始工作。那我该怎么做呢

这是我的一个小麻烦。提前谢谢

编辑：我的意思是说，我正在努力使navContainer位于我的徽标右侧。浮动：在我的标志左起作用，但在标题上方放置一个空白

CSS

#header {
    width: 100%;
    height: 100px;
    background-color: #DDDDDD;
}

#innerHeader {
    margin: 0 auto;
    width: 75%;
    height: 100px;
}

#logo {
    width: 100px;
    height: 100px;
}

#navList {
    margin-left: 50px;
    width: 100%;
    height: 100px;
    background-color: red;
}

#navList li {
display: inline;
list-style-type: none;
padding-right: 20px;
}

HTML

<div id="wrapper">
    <div id="header">
        <div id="innerHeader">
            <div id="logo">
                <img src="http://i.imgur.com/ZZvupYE.png" title="Bad Gizmod" />
            </div>
            <div id="navList">
                <ul>
                    <li><a href="#">Item two</a>

                    </li>
                    <li><a href="#">Item three</a>

                    </li>
                    <li><a href="#">Item four</a>

                    </li>
                    <li><a href="#">Item five</a>

                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- {block:Posts} {/block:Posts} -->

编辑：

我猜OP想把它放在他的标志的右边

这里是css

#header {
    width: 100%;
    height: 100px;
    background-color: #DDDDDD;

}

#innerHeader {
    display: block;
    margin: 0 auto;
    width: 100%;
    height: 100px;
}

#logo {
    float: left;
    width: 20%;
     margin: 0 auto;
    height: 100px;
    display: inline-block;
}

#navList {
     display: inline-block;
     width: 70%;
    margin-left: 0px;
    float: right;
     text-align: center;
    height: 100px;
    background-color: red;
}

#navList li {

    display: inline;
    float: left;
    list-style-type: none;
    padding: 0 5px;
}

尝试添加：

#logo {
    float: left;
}

---

不过别忘了清理你的彩车

删除

左边距：50px来自
#导航列表
@j08691我猜他是在期待并肩作战。@Mr.Alien-hmm，也许吧。问题不清楚。@j08691叹气，厌倦了帮助浮动，呵呵，gn..内联块+垂直对齐，没有宽度：100%？我做到了，成功了。但现在我的标题上方有一个空白。还有，如何清除浮动？很抱歉，我没有指定，我正在尝试将其放在我的徽标右侧。@ErraticFox给你，这应该会让你非常接近你所寻找的