html导航栏文字怎么平均,对齐HTML/CSS导航栏中的文本？

好吧，很明显我做错了什么。基本上我试图在我的页面顶部创建一个垂直导航栏，在图片的右侧。对齐HTML/CSS导航栏中的文本？

它应该是这样的：

首页简历联系我

不知怎的，它不断结束了这样的：

主页简历

联系我

你们可以看看，并帮助我吗？这是我的第一个网站。谢谢！

这里是我的代码：

HTML

html {

background-color: #ffffff;

}

img {

width: 20%;

float: left;

}

#menu {

width: 550px;

height: 35px;

font-size: 55px;

font-family: Courier, Serif;

text-align: center;

float: right;

margin-right: 300px;

margin-top: 50px;

}

#menu ul {

height: auto;

}

#menu li {

display: inline;

}

#menu a {

text-decoration: none;

color: #000000;

}

#menu a:hover {

color: #224466;

}

Tyler Tilton

• Home
• Bio
• Contact Me

2015-01-07

TyTilton

+1

将菜单移动到身体而不是头部 –

+0

您的意思是水平导航？垂直意味着它会上下移动，水平向左和向右。此外，您的页面内容应该在''而不是''。 –

+0

is [this](http://jsfiddle.net/lalu050/dgzv1dja/)你wnat？ –