在HTML/CSS中对齐导航栏中的文本？

很明显我做错了什么。基本上，我试图在页面顶部，图片右侧创建一个垂直导航栏

应该是这样的：

家庭简历联系我

不知怎的，结果总是这样：

家庭简历

联系我

你们能帮我看看吗？这是我的第一个网站。谢谢

这是我的密码：

HTML

html{
背景色：#ffffff；
}
img{
宽度：20%；
浮动：左；
}
#菜单{
宽度：550px；
高度：35px；
字体大小：55px；
字体系列：信使，衬线；
文本对齐：居中；
浮动：对；
右边距：300px；
边缘顶部：50px；
}
#菜单ul{
高度：自动；
}
#菜单里{
显示：内联；
}
#菜单a{
文字装饰：无；
颜色：#000000；
}
#菜单a：悬停{
颜色：#224466；
}

泰勒·蒂尔顿

您的代码有点乱。问题主要在于你的

#菜单

类。宽度太小，文本太大，添加了不必要的边距和浮动。删除所有这些内容或对其进行调整，您的列表将水平对齐：

#menu {
  /*width: 550px;*/ //too small for text size
  height: 35px;
  /*font-size: 55px;*/ //to big for width size
  font-family: Courier, Serif;
  text-align: center;
  /*float: right;*/ //not necessary, at least in your demo, pushing text off screen
  /*margin-right: 300px;*/ //not necessary, at least in your demo
}

---

我想这是

#菜单中的字体大小

试着将#菜单中的字体大小减小到40px。它应该把他们排成一行

---

希望有帮助

将菜单移到身体而不是头部你是说水平导航吗？垂直意味着它会上下移动，水平则是左右移动。另外，您的页面内容应该是

，而不是

。您所看到的是什么？另外，请固定宽度。因为你限制了宽度，他们就这样结束了。只是做了宽度：100%，他们按照你想要的方式排列。这里有一个使用@Lal示例的提琴：不@Luis我认为Op希望图像的宽度为20%，其余部分为80%，即菜单分区的宽度。他说垂直，但

主页简历联系我
示例显然是水平的是对不起，我完全是指水平！谢谢你的帮助！这成功了！是的，我是这个网站的新手，我想弄明白！