html – I have build a logo but there are two on my site?-ThrowExceptions

Exception or error:

my problem is that there is 2 divs stacking on each other I am not sure why. when I put 5 div boxes this happens.

I only want to have to all of the divs on one row but I am not sure why it’s not working

.Box {
  height: 200px;
  background-color: pink;
  width: 18%;
  float: left;
  margin: 5px;
  margin-left: 10.5px;
}

.wrapper {
  width: 960px;
  max-width: 90%;
  margin: 0 auto;
  border: solid black 5px;
  float: left;
  margin: 100px 40px;
}

.Logo1 {
  width: 100px;
  height: 100px;
  background-color: grey;
  float: left;
  margin: 25px;
  background: url(https://via.placeholder.com/100); /*url(Pictures/animal-2028258.png); original img path*/
  background-size: contain;
}
<div class="wrapper">
  <div class="Box">
    <div class="Logo1"></div>
  </div>
  <div class="Box"></div>
  <div class="Box"></div>
  <div class="Box"></div>
  <div class="Box"></div>
</div>
How to solve:

Leave a Reply

Your email address will not be published. Required fields are marked *