<!-- https://www.poetryfoundation.org/poems/42916/jabberwocky -->
<div id="container">
  <div class="floaty">
    <div class="size large">'Twas brillig</div>
    <div class="size">and the</div>
    <div class="size">slithy toves</div>
  </div>
  <div class="floaty">
    <div class="size">did gyre</div>
    <div class="size large">and gimble</div>
    <div class="size">in the wabe:</div>
  </div>
  <div class="floaty">
    <div class="size">All mimsy</div>
    <div class="size">were the</div>
    <div class="size">borogoves</div>
  </div>
  <div class="floaty">
    <div class="size">and the</div>
    <div class="size">mome raths</div>
    <div class="size">outgrabe</div>
  </div>
</div>
<div>Click to embiggen or resmallify</div>

#container {
  // we cover clearfixes later
  overflow: hidden;
  background-color: #114;
  padding: 8px;
}

.floaty {
  float: left;
  background-color: #44f;
  padding: 8px;
  margin: 4px;
}

.size {
  background-color: #88f;
  padding: 8px;
  margin-bottom: 4px;
  font-family: Arial, sans-serif;
  font-weight: bold;
  font-size: 16px;
  cursor: pointer;
  transition: all 300ms ease-in-out;
  
  &.large {
    font-size: 32px;
    background-color: #aaf;
  }
}

$('.size').click(function() {
  $(this).toggleClass('large');
});