title: Image in a li balise html
body: <p>I wanted to insert an image in my html li tag but my image is out of the tag. I want to put one image into all my tab of menu and that the image adapts to the size of the tab.
  Some one can help me please ?</p>
  
  <p>This is my code html</p>
  
  <pre><code>&lt;nav class="menu"&gt;
      &lt;ul class="inline"&gt;
          &lt;li&gt;&lt;a href="#"&gt;Acceuil&lt;img src="./assets/image/dolphin-logo.png" alt="Commentaire 5" style="border-radius: 5px;"&gt;&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#"&gt;Nous contacter&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#"&gt;Nos tarifs&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#"&gt;L'aquarium&lt;/a&gt;
              &lt;ul class="list"&gt;
                  &lt;li&gt;&lt;a href="#"&gt;ENTRÉE 1&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="#"&gt;ENTRÉE 2&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="#"&gt;ENTRÉE 3&lt;/a&gt;&lt;/li&gt;
              &lt;/ul&gt;
          &lt;/li&gt;
      &lt;/ul&gt;
  &lt;/nav&gt;
  </code></pre>
  
  <p><img src="https://i.stack.imgur.com/Cyxgr.png" alt="this is my problem in image"></p>
  
  <p>Thank you for your help</p>
  
  <p>I add my css here :</p>
  
  <pre><code>nav.menu ul {
      position: relative;
      width: 100%;
      height: 100%;
      padding: 0;
      margin:0;
      list-style-type: none; 
  }
  
  nav.menu ul li {
      width: 250px;
      box-sizing: border-box;
      height: 60px;
      padding:20px 0px;
      background-color: #EEE; 
      text-align: center;
      border: 1px solid black; 
      margin: 20px;
  }
  
  nav.menu ul.inline &gt; li {
      float: left;
      /* border-bottom: none; */
  }
  
  nav.menu ul.list &gt; li {
      width: 251px;
      float: none;
      border: 1px solid black;
      border-bottom: none;
  }
  
  nav.menu ul.list &gt; li:last-child {
      border-bottom: 1px solid black;  
  }
  
  nav.menu ul ul {
      display: none;
      position: absolute;
      top: 60px;
      left: 0px;
  }
  
  
  nav.menu ul li:hover &gt; ul {
      display: block;
  }
  
  nav.menu ul li:hover {
      background-color: #EFAE00;
  }
  </code></pre>