我在div中的img标签不起作用，下面是我的div的html和css代码

Question

在这里，我正在尝试将图像添加到我的div窗口，它是一个联系人，所以fb图标，linkedin图标，但我的图像没有显示我不明白为什么。

我的文件夹结构是这样的，我正在使用Mac笔记本电脑，文件夹在桌面上，所以结构是这样的（我写下我的结构记住案例（a / A）： 投资组合尝试2（这是主文件夹）     图像（这是一个文件夹，这是我的图像）     js（这是一个文件夹）     Menu.css     portfolio.html

<div>
<hr style="width:50%;text-align:center;height:1px;border:1px;color:black;background-color:black;" />
<hr style="width:40%;text-align:center;height:1px;border:1px;color:black;background-color:black;" />
<p style="font-size:50px"> Contact </p>
<hr style="width:40%;text-align:center;height:1px;border:1px;color:black;background-color:black;" />
<hr style="width:50%;text-align:center;height:1px;border:1px;color:black;background-color:black;" />      </br></br></br>
<img src = "images/li.png" alt="" height="100" width="100">
</div>

.....这是我的css ......

#contact {
margin-top: 30px;
margin-left: auto;
margin-right:auto;
height: 700px;
width: 820px;
background-color: white;
overflow: hidden;


}