标题和导航不在同一行(CSS)

时间:2015-04-19 17:47:40

标签: html css

我刚从一个人的教程开始学习HTML和CSS,我遇到了问题。我希望我的导航和标题位于一行,但是当我键入display:inline;它没有做任何事情。

这是照片:

enter image description here

我的HTML和CSS:http://pastebin.com/uZunJFr7

任何帮助?

2 个答案:

答案 0 :(得分:1)

这样做:

header h1 {
        margin: 0;
        float: left;
}

继承人小提琴 - > https://jsfiddle.net/dnqxLwkp/

答案 1 :(得分:1)

您正在设置nav ul而非nav的规则,h1是代码中inline-block的兄弟,并且是需要与之对齐的规则。另外,请使用inline代替{{1}}。

工作小提琴:http://jsfiddle.net/fzhg4cof/