Html 为什么我的文本在图像后不显示？

我正在编写一个基本网页，在图像后显示一行文本时遇到问题。在下面的代码中，在标记为

id=image

的图像之后，我计划在下面的

下包含另一行带有

p

属性的文本，但不知怎的，文本没有显示出来，我可以知道问题出在哪里吗

我的css编码有什么问题吗？我已经将边距设置为正确的px，但文本似乎仍然没有出现

以下是代码的一部分：

  <div id="logo">
  <img src = "C:\Users\GFYU-PC\Desktop\GHnotes\image\logo.png"/>
  </div>

  <ul id="navigation">
  <li><a href="C:\Users\GFYU-PC\Desktop\GHnotes\index.html">Home</a></li>
  <li><a href="C:\Users\GFYU-PC\Desktop\GHnotes\Album.html">Album</a></li>
  <li><a href="C:\Users\GFYU-PC\Desktop\GHnotes\Whatsapp.html">Whatsapp</a></li>

  <ul id="imgn">
  <li>Before</li>
  <li>Main Page</li>
  <li>Next</li>
  </ul>  

  <div id="image">
  <img src="C:\Users\GFYU-PC\Desktop\GHnotes\image\Album\image\4.jpg" alt="Click!" height = "400px" width= "600px">
  </div>

  <p>hi</p>

以前
主页
下一个

嗨

这是错误的：

<ul id="navigation">
  <li><a href="C:\Users\GFYU-PC\Desktop\GHnotes\index.html">Home</a></li>
  <li><a href="C:\Users\GFYU-PC\Desktop\GHnotes\Album.html">Album</a></li>
  <li><a href="C:\Users\GFYU-PC\Desktop\GHnotes\Whatsapp.html">Whatsapp</a></li

您没有关闭
li
和
ul
标记，即使标记已损坏，我仍然可以看到文本。你的CSS在哪里？我认为这是一个bug，当我将代码粘贴到一个新的便笺上时，它能够完美地运行。然而，它似乎无法在原始版本上运行。这很奇怪？
<ul id="navigation">
  <li><a href="C:\Users\GFYU-PC\Desktop\GHnotes\index.html">Home</a></li>
  <li><a href="C:\Users\GFYU-PC\Desktop\GHnotes\Album.html">Album</a></li>
  <li><a href="C:\Users\GFYU-PC\Desktop\GHnotes\Whatsapp.html">Whatsapp</a></li></ul>