title: How do I add a Logo the the top left of the Navigation Bar?
body: <p>Right now the Logo image is included in the HTML code at line 17, it is titled Studio Ghibli Logo. How can I move this so it could be in the top left of the navbar <a href="https://i.stack.imgur.com/2YkFP.jpg" rel="nofollow noreferrer">ref image</a></p>
  <p>Is there a better way to get code the navbar vs the code I included? Feel free to suggest tips, tools, or references.</p>
  <p>I include a snippet of my code.</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #52b2cf;
  }
  
  li {
    margin-left: 50px;
    float: Left;
  }
  
  li a {
    display: block;
    border-radius: 20px;
    background-color: #fffbeb;
    color: #7b81ab;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    padding: 15px 18px;
    padding-right: 70px;
    padding-left: 70px;
    margin: 20px;
    text-decoration: none;
  }
  
  li a:hover:not(.active) {
    background-color: #fff1cc;
  }
  
  .active {
    background-color: #d8d5f2;
  }
  
  body {
    background-color: ghostwhite;
    border-style: solid;
    border-color: white;
  }
  
  img {
    margin-left: 10px;
  }
  
  h1 {
    color: darkslateblue;
    margin-left: 20px;
    margin-left: 10px;
  }
  
  h2 {
    color: lightcoral;
    border-style: outset;
    border-color: white;
    margin-left: 10px;
  }
  
  p {
    margin-left: 15px;
    color: darkslateblue;
  }
  
  img {
    margin-left: 10px;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
  &lt;meta charset="utf-8"&gt;
  &lt;meta name="viewport" content="width=device-width"&gt;
  &lt;link rel="stylesheet" href="home.css"&gt;
  &lt;title&gt;Spirited Away Fansite&lt;/title&gt;
  
  &lt;ul&gt;
    &lt;li&gt;&lt;a class="active" href="Home.html"&gt;Home&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="FilmPlot.html"&gt;Film Plot&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="cast.html"&gt;Cast&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="prod.html"&gt;Production&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="recept.html"&gt;Reception&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  
  &lt;body&gt;
    &lt;img src="images/Studio_Ghibli_logo.svg.png" alt="Studio Ghibli Logo" width="200" height="90"&gt;
    &lt;h1&gt; 千と千尋の神隠し ∘ Spirited Away &lt;/h1&gt;
    &lt;p&gt; This is a fansite for the Studio Ghibli Film Spirited Away &lt;/p&gt;
    &lt;h2&gt; ABOUT &lt;/h2&gt;
    &lt;p&gt;
      Spirited Away (Japanese: 千と千尋の神隠し, Hepburn: Sen to Chihiro no Kamikakushi, 'Sen and Chihiro's Spiriting Away') is a 2001 Japanese animated fantasy film written and directed by Hayao Miyazaki, animated by Studio Ghibli for Tokuma Shoten, Nippon Television
      Network, Dentsu, Buena Vista Home Entertainment, Tohokushinsha Film, and Mitsubishi. Spirited Away tells the story of Chihiro Ogino (Hiiragi), a ten-year-old girl who, while moving to a new neighborhood, enters the world of Kami (spirits of Japanese
      Shinto folklore).&lt;br&gt;
    &lt;/p&gt;
    &lt;img src=images/Spirited_Away_Japanese_poster.png alt="Spirited Away Movie Poster" width="290" height="400"&gt; &lt;img src="images/hayaomiya.jpg" alt="Hayao Miyazaki at desk" width="290" height="400"&gt;
  
  &lt;/body&gt;</code></pre>
  </div>
  </div>
  </p>