Untitled

<!DOCTYPE html>
<html>

  <head>
    <link rel="stylesheet" href="style.css">
    <script src="script.js"></script>
  </head>

  <body>
    <div class="post" >
      <img src="http://placehold.it/250x150" alt="placeholder"><img>
      <p>there is some text</p>
    </div>
    <br/>
    <div class="post" >
      <img src="http://placehold.it/250x150" alt="placeholder"><img>
      <p>there is some text</p>
    </div>
    <br/>
    <div class="post" >
      <img src="http://placehold.it/250x150" alt="placeholder"><img>
      <p>there is some text</p>
    </div>
    
  </body>

</html>

// Code goes here

/* Styles go here */

.post{
  display:table;
}
.post img,p{
  display:inline-block;
  vertical-align:middle;
}

.post:nth-of-type(odd) img{
    float:right;
}