导航栏中的元素对齐方式

Question

今天我尝试为我的新网站创建一个导航栏

将由两部分组成，其中一部分为15％，其余部分为宽度 我尝试用填充物制作高度，但是当我对齐导航内容时，我遇到了一些问题。

http://jsfiddle.net/MKY3r/

.main-nav {
  background: -webkit-linear-gradient(left, green, green 15%, red 15%, red);
  padding : 15px;
}

.main-nav .logo {
  width: 15%;
  float: left;
}

.main-nav .nav-content {
  width: 85%;
}

正如您所看到的，它应该是一个相当简单的问题，但我无法理解解决方案

我希望你能帮助我，提前致谢

Answer 1

将{display:inline}添加到.nav-content

中的段落

代码：

.nav-content p {display:inline;}

Demo

我建议在.nav-content中使用一些heading元素，例如h1而不是p

Demo with H1