<div class="container">
<h1>Headline</h1>
<p>
Paragraph with <a href="#">only one link</a> inside it. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Unde, illo, quaerat, laborum aut ducimus est sequi voluptatem voluptas aspernatur magnam adipisci sint harum perspiciatis! Enim, voluptates voluptatem temporibus quisquam aliquam.
</p>
<p>
Paragraph with <a href="#">two</a> or more <a href="#">links</a> inside it. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolores praesentium debitis est cum repudiandae voluptatem ratione deleniti dolor delectus similique! Ea, aut quam ex maiores amet perspiciatis illum accusamus placeat.
</p>
</div>
body {
color: #333;
font-size: 1.1em;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
hr {
margin: 50px 0;
}
.container {
margin: 40px auto;
max-width: 700px;
}
a {
color: deepPink;
text-decoration: none;
}
a:only-of-type:after,
h1:only-of-type:after {
content: " (only-of-type)";
color: grey;
}
a:only-of-type {
font-weight: bold;
text-decoration: underline;
}
p:only-of-type {
background-color: #eee;
}