<div class="wrapper">
  <p class="spaced-out">Peter Piper picked a peck of pickled peppers.</p>
  <button>Toggle Spacing</button>
</div>
body {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.wrapper {
  width: 75%;
}

p {
  font-family: 'Prompt', sans-serif;
  font-size: 2em;
}

.spaced-out {
  word-spacing: -5px;
}
$( "button" ).click(function() {
  $( "p" ).toggleClass( "spaced-out" );
});

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

  1. https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js