SO39477885

<!DOCTYPE html>
<html>

<head>
  <style>
    figure {
      display: table;
      width: 600px;
      padding: 24px;
      margin-bottom: 24px;
      border: 2px solid red;
    }
    
    img {
      float: left;
      display: table-cell;
      height: 100%;
      margin-right: 20px;
    }
    
    figcaption {
  
      font-size: 14px;
      display: table-cell
      height: 100%;
    }
  </style>
</head>

<body>
  <figure>
    <img src="http://i.imgur.com/MhHgEb1.png">
    <figcaption>This box is one line.</figcaption>
  </figure>

  <figure>
    <img src="http://i.imgur.com/MhHgEb1.png">
    <figcaption>This box has two lines. This box has two lines. This box has two lines. This box has two lines. This box has two lines. This box has two lines.</figcaption>
  </figure>
</body>

</html>

// Code goes here

/* Styles go here */