inline

by Yotzin Castrejon

HTML

<div class="wrap">
  <div class="crackers">
    <img src="https://farm6.staticflickr.com/5655/22900680453_242b39b6d6_k.jpg" height="100%" width="100%" />
    <span>Peppermint Thins</span>
  </div>

  <div class="crackers">
    <img src="https://farm1.staticflickr.com/773/22899649574_e49e0b6316_k.jpg" height="100%" width="100%" />
    <span>Chocolate Dipped Licorice</span>
  </div>
</div>

CSS

body{
  text-align:center;
}
.crackers {
  height: auto;
  width: 300px;
  display: inline-block;
  vertical-align: top;
  padding: 20px;
}