title: how to make my unsorted list fit into the div?
body: <p>You can see the problem here:</p>
  
  <p><img src="https://i.stack.imgur.com/vGyWO.jpg" alt="enter image description here"></p>
  
  <p>here you can see my css-file:</p>
  
  <p>`    /<em>logo's</em>/</p>
  
  <pre><code>#logo {
  
      width: 15%;
  
      float: left;
      margin: auto;
  
  }
  #logo li{
      list-style-type: none;
  }`
  </code></pre>
  
  <p>on the picture you can see what happens to my unsorted list.</p>
  
  <p>and this is the html part: `                </p>
  
  <pre><code>                    &lt;ul id="logo"&gt;
                          &lt;li&gt;&lt;img src="AR.png" alt="alfa romeo logo" /&gt;&lt;/li&gt;
                          &lt;li&gt;&lt;img src="LG.png" alt="lamborghini logo" /&gt;&lt;/li&gt;
                          &lt;li&gt;&lt;img src="ferrari.png" alt="ferrari logo" /&gt;&lt;/li&gt;
                          &lt;li&gt;&lt;img src="ms.png" alt="maserati logo" /&gt;&lt;/li&gt;
                      &lt;/ul&gt;
  
                      &lt;div id="tekst"&gt;
  
                          &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut eu mollis velit. Vestibulum porttitor eros at velit placerat volutpat. Fusce ac erat arcu, vel imperdiet purus. Curabitur tellus nisi, tristique malesuada porta sit amet, scelerisque ut urna. Sed ut sapien quis est fringilla iaculis. Curabitur ac lectus ut leo lacinia dignissim. Praesent eu felis ante. Phasellus at fringilla odio.&lt;/p&gt;
  
                      &lt;/div&gt;`
  </code></pre>
  
  <p>here is the real website if you can view it:<a href="https://543724.webontwerp.khleuven.be/project/anderetemp/template/" rel="nofollow noreferrer">website</a></p>
  
  <p>edit: i want the ul to fit into the tanned div, but i dont want to put a fixed height.</p>