Html 你能修好它或者告诉我什么'；这有什么不对？我想买Navigacio upper

我的代码有问题： 所以我写了一个简单的html和css代码，就像一个简单的网页。然后“Navigacio”被窃听了，或者我不知道它更多的是在底部，但我希望它能把这个放在“En egy 13 eves srac vagyok…”旁边的顶部。你能帮我吗？ 这是一张图片（bug在我的第二个显示屏上）：

守则：

正文{
背景颜色：绿色；
字体系列：Helvetica、Arial、san serif；
}
a{
文字装饰：无；
颜色：红色；
}
h1，
h2，
h3{
保证金：0；
}
#容器{
背景色：白色；
宽度：800px；
左边距：自动；
右边距：自动；
}
#标题{
背景色：#FF0000；
颜色：白色；
文本对齐：居中；
填充：10px；
}
#内容{
填充：10px；
}
#导航{
宽度：180px；
浮动：左；
左边距：10px；
边缘底部：500px；
}
#导航ul{
列表样式类型：无；
填充：0
}
#主要{
宽度：600；
浮动：对；
颜色：黑色；
}
#页脚{
明确：两者皆有；
背景色：#999999；
颜色：白色；
文本对齐：右对齐
}
#基瓦拉斯托特海军{
字体大小：粗体；
}

罗兰
在第13届会议上，大多数tanulok程序都使用了srac vagyok HTML-t和CSS-t。

Jelenleg csak nokedli szaggato Szitu vagyok az egeszben，van alapveto批量计划Ozasi tudasom，de nem eleg mindenhez，ismereteimet folyamatosan bovitem

Az egyik celom egy sajat jatekot，fejleszteni gepre/telefonra的迷幻计划

纳维加西奥

凯兹多拉
罗兰
电流表

版权及副本；2019 Szigeti Donat

将#导航div置于#主div之前，如下所示：

    <div id="content">
    <div id="nav">
    <h3>Navigacio</h3>
    <ul>
    <li><a class="Kezdolap" href="file:///D:/Don%C3%A1t/Programoz%C3%A1s/html/Css.html">Kezdolap</li>
    <li><a class="kivalasztott" href="file:///D:/Don%C3%A1t/Programoz%C3%A1s/html/rolam.html">Rolam</li>
    <li>Elerhetoseg</li>
    </ul>
    </div>
    <div id="main">
    <p> En egy 13 eves srac vagyok, most tanulok programozni HTML-t es CSS-t.<p>
    <p>Jelenleg csak nokedli szaggato szintu vagyok az egeszben, van alapveto batch programozasi tudasom, de nem eleg mindenhez, ismereteimet folyamatosan bovitem...</p>
    <p> Az egyik celom egy sajat jatekot, vagy programot fejleszteni gepre/telefonra.</p>
    </div>
    <div id="footer">

纳维加西奥

凯兹多拉
罗兰
电流表

第13期是srac vagyok，大多数tanulok程序都是HTML-t和CSS-t。
Jelenleg csak nokedli szaggato Szitu vagyok az egeszben，van alapveto批量计划Ozasi tudasom，de nem eleg mindenhez，ismereteimet folyamatosan bovitem

Az egyik celom egy sajat jatekot，fejleszteni gepre/telefonra的迷幻计划