<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;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.