<h1 class="center-text">Example of bad UX with broken links</h1>

<section>
  <h2>This is my first section</h2>
  <p>
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vel semper erat, efficitur aliquet elit. <a href="#broken">Duis pulvinar ex fermentum purus</a> bibendum, non interdum est molestie. Fusce sit amet elit gravida metus tempus sodales eu porttitor eros. In hac habitasse platea dictumst. Curabitur fringilla turpis eu ligula imperdiet, <a href="#broken">eget suscipit tellus mattis. Nulla facilisi. Etiam sed sodales</a> magna, eu faucibus metus. Proin condimentum tempor aliquam. Nunc nec rutrum libero. Suspendisse diam nunc, viverra vitae est vitae, vehicula gravida dolor. <a href="#broken">Vestibulum</a> ut erat nec purus sodales aliquam eu in dolor.
  </p>
</section>
<section>
  <h2>This is my second section</h2>
  <p>
    Lorem ipsum dolor sit amet,<a href="#broken"> consectetur adipiscing elit.</a> Nulla vel semper erat, efficitur aliquet elit. Duis pulvinar ex fermentum purusbibendum, non interdum est molestie. <a href="#broken">Fusce sit amet elit </a> gravida metus tempus sodales eu porttitor eros. In hac habitasse platea dictumst. Curabitur fringilla turpis eu ligula imperdiet, eget suscipit tellus mattis. Nulla facilisi. Etiam sed sodalesmagna,<a href="#broken"> eu faucibus metus. Proin</a> condimentum tempor aliquam. Nunc nec rutrum libero. Suspendisse diam nunc, viverra vitae est vitae, vehicula gravida dolor. Vestibulum ut erat nec purus sodales aliquam eu in dolor.
  </p>
</section>
.center-text {
  text-align: center;
}
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.