test

HTML

<div id="item1">
  <p>Banana</p>
</div>
<div id="item2">
  <p>Apple</p>
</div>
<div id="item3">
  <p>Orange</p>
</div>
<div id="item4">
  <p>Lemon</p>
</div>

CSS

#item1 {
  color: #FFFFFF;
  background-color: #333333;
  display: inline-block;
  width: 40%;
  height: 200px;
}

#item2 {
  color: #FFFFFF;
  background-color: #333333;
  display: inline-block;
  width: 40%;
}

#item3 {
  color: #FFFFFF;
  background-color: #333333;
  display: inline-block;
  width: 40%;
  height: 200px;
}

#item4 {
  color: #FFFFFF;
  background-color: #333333;
  display: inline-block;
  width: 40%;
  height: 200px;
}