html - 为什么我的标志没有出现在我的导航栏上，但其他标志是？

我一直在尝试创建一个导航栏，但是当我在本地主机中加载我的网站时，我似乎无法在导航栏上看到我的 Logo 。所以我在网上搜索了一个例子，看看我的标志是否是问题所在。在第一个示例中(取自网络，我可以看到他们的 Logo 正在加载)

    *{transition:all 0.3s ease-in-out;}
    
    .container{
      clear:both;
      overflow:auto;
    }
    
    nav{float:right;}
    
    .logo img{float:left;}
    
    ul li{
      display: inline-block; padding:10px;
      font-size:20px; font-family:raleway;
    }
    
    ul li:hover{
      color:orange;
      
    }

    <div class="container">
    <div class="logo">
      <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/c/c9/Intel-logo.svg/2000px-Intel-logo.svg.png" alt="" width="130"/>
      </div>
    <nav>
      <ul>
      <li>Home</li>
      <li>Services</li>
      <li>Products</li>
      <li>Clients</li>
      </ul>
      </nav>
    </div>
    <hr />

然后我所做的就是将我的 imgur 图片的直接链接替换为我的 Logo ，当我加载它时，它没有显示。怎么会？

    *{transition:all 0.3s ease-in-out;}
    
    .container{
      clear:both;
      overflow:auto;
    }
    
    nav{float:right;}
    
    .logo img{float:left;}
    
    ul li{
      display: inline-block; padding:10px;
      font-size:20px; font-family:raleway;
    }
    
    ul li:hover{
      color:orange;
      
    }

<div class="container">
    <div class="logo">
      <img src="https://i.imgur.com/jSo9sj9.png" alt="logo" width="130"/>
      </div>
    <nav>
      <ul>
      <li>Home</li>
      <li>Services</li>
      <li>Products</li>
      <li>Clients</li>
      </ul>
      </nav>
    </div>
    <hr />

感谢您的帮助。

最佳答案

我把它放在 body 元素中并去掉了 </hr>它对我有用。