<button>Toggle Spacing</button>

<h1>She Sells Shells by the Sea Shore</h1>

<p class="spaced-out">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Amet, quibusdam doloremque aspernatur ratione ea libero quis officiis odit, qui nisi quo, obcaecati minima ipsa. Alias esse ea vel maxime repellat.</p>
  
body {
  text-align: center;
  padding: 20px;
}

h1 {
  font-size: 5em;
  font-family: 'Abril Fatface';
  font-family: 'Dorsa';
  margin: 0.2em 0 0 0;
}

p {
  font-family: 'Dorsa';
  font-size: 2.2em;
  margin: 0.5em;
}

.spaced-out {
  letter-spacing: 2px;
}
var button = document.querySelector("button");
var p = document.querySelector("p");
button.addEventListener("click", function() {
  p.classList.toggle("spaced-out");
});

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.