Vertical alignment floats

<div style="height: 200px; background-color: red">

  <div style="display: inline-block; vertical-align: middle; background-color: white">
      <p>Dit is een tekst</p>
  </div>
 
  <div style="display: inline-block; vertical-align: middle; background-color: white">
    <div style="float: left">
      <img src="http://placehold.it/30x30" />
    </div>
  </div>
 
  <div style="display: inline-block; vertical-align: middle; height: 200px; background-color: white">
  &nbsp;
  </div>
 
  <div style="display: inline-block; vertical-align: middle; background-color: white">
    <div style="float: right">
     Dit is een nog tekst
    </div>
  </div>
 

 
</div>