Displaying Divs Inline

For StackOverflow

HTML

<header>
 <span class="fa fa-refresh" style="font-size:25px;"></span><span class="igen">&nbsp;igen</span>
 <span class="points"><i class="fa fa-thumbs-o-up" style="font-size:24px"></i>Rigtige:  &nbsp;&nbsp;&nbsp; 0 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <i class="fa fa-thumbs-o-down" style="font-size:24px"></i>Forkerte: &nbsp;&nbsp;&nbsp; 0</span>
</header>

<div class="container">


      <div class="img" id="img1">
          <div class="plaatje" id="plaatje1"><center><img src="img/cat.jpg" alt="cat" width="50%;"></div>
          <div class="move1"><div class="antwoord" id="antwoord1"></div></div>
      </div>
      <div class="img" id="img2">
          <div class="plaatje" id="plaatje1"><center><img src="img/beak.jpg" alt="beak" width="50%;"></div>
            <div class="move2"><div class="antwoord" id="antwoord2"></div></div>
      </div>
      <div class="img" id="img3">
          <div class="plaatje" id="plaatje3"><center><img src="img/spoon.jpg" alt="spoon" width="50%;"></div>
          <div class="move3"><div class="antwoord" id="antwoord3"></div></div>
      </div>
      <div class="img" id="img4">
          <div class="plaatje" id="plaatje4"><center><img src="img/milk.jpg" alt="milk" width="50%;"></div>
          <div class="move4"><div class="antwoord" id="antwoord4"></div></div>
      </div>
      <div class="img" id="img5">
          <div class="plaatje" id="plaatje5"><center><img src="img/egg.jpg" alt="egg" width="50%;"></div>
          <div class="move5"><div class="antwoord" id="antwoord5"></div></div>
      </div>
      <div class="img" id="img6">
          <div class="plaatje" id="plaatje6"><center><img src="img/thee.jpg" alt="tea" width="50%;"></div>
          <div class="move6"><div class="antwoord" id="antwoord6"></div></div>
      </div>
      <div class="img" id="img7">
          <div class="plaatje" id="plaatje7"><center><img src="img/meel.jpg" alt="meel" width="50%;"></div>
          <div class="move7"><div class="antwoord"...

CSS

body, html {
  margin-left: 10%;
  margin-right: 10%;
  padding: 0px;
  height: 100%;
  font-family: georgia, "Comic Sans MS";
  background-color: #f0f0f0;
}

header {
  height: 5%;
  border-bottom: thick solid grey;
}

.img {
  width: 25%;
  height: 30%;
  background-color:#f0f0f0;
  float: left;
}
.antwoord {
  float: left;
  width: 95%;
  height: 25px;
  background-color: white;
  border-style: solid;
  border-color: #000000;
  border-width: 4px;
}

.move1 {

}
.move2 {
  margin-top: 12.5%
}
.move4 {
margin-top: 19%
}
.move5 {
margin-top: 33.5%
}
.move6 {
margin-top: 20.8%
}
.move7 {
margin-top: 37.5%
}

.Word {
  display: inline-block;
}

footer {
    border-top: thick solid grey;
    height: 5%;
}

.points {
    float: right;
}
.container {
  width: 100%;
  height: 90%;
}
.igen {
  font-size: 25px;
  font-weight: bold;
}
.sprint {
  float: right;
}
.copyright {
  position: relative;
  bottom: 20px;
  left: 65px;
  font-size: 10px;
}