Css 将内容放在垂直导航旁边

我知道这应该很简单，但我想不出来。我想在页面左侧有一个垂直导航菜单，旁边是页面的主要内容。在本例中，我希望GOOGLY-GOOGLY显示在菜单的右侧，而不是下方。如何使两列都从顶部开始？谢谢大家!

[已更新--很抱歉复制粘贴问题]

CSS

HTML

咕咕咕咕

您只需在

#vouelaltnav

和

#vamain

上显示

float:left

或

inline block

，您的CSS中有大量的打字错误，导致它无法正常工作。以下是您需要修复的问题：

第三行：

宽度：100->
宽度：100px

第11行：
float:left
->
float:left

第37、38、54、55行：从
width

您需要返回并清理CSS。
你有：

#navlist a
{
\width: 130px;
w\idth: 114px;
}

首先，两种宽度都有错误的
第二，为什么在同一个css标记中有两个宽度

如果你现在回去做这些事情，你会发现以后在路上会容易得多。相信我，我自己也是一名新的开发人员，并且由于之前的懒惰编码，我也遇到过类似的问题。
对——对不起。我想现在已经修好了。很好，谢谢，但它并不能解决问题。谢谢！我真的很感谢你的帮助。
<div id="vowelaltnav">
<ul id="navlist">
<li id="active"><a href="#" id="current">Item one</a> 
<ul id="subnavlist">
<li id="subactive"><a href="#" id="subcurrent">Subitem one</a></li>
<li><a href="#">Subitem two</a></li>
<li><a href="#">Subitem three</a></li>
<li><a href="#">Subitem four</a></li>
</ul>

</li>
<li><a href="#">Item two</a></li>
<li><a href="#">Item three</a></li>
<li><a href="#">Item four</a></li>
</ul>
</div>

<div id="vamain">
<p> GOOGLY GOOGLY </p>
</div>

#navlist a
{
\width: 130px;
w\idth: 114px;
}