<div class="container">
  <p>First List</p>
  <ul>
    <li>List Item</li>
    <li>List Item</li>
    <li>List Item</li>
  </ul>
  <p>Second List</p>
  <ul>
    <li>Only List Item</li>
  </ul>
  <p>Third List</p>
  <ul>
    <li>List Item</li>
    <li>List Item</li>
    <li>List Item</li>
    <li>List Item</li>
  </ul>
  <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;
}

li:only-child {
  font-weight: bold;
}

li:only-child:after {
  content: " Get it before it's sold out!";
  color: tomato;
  font-style: italic;
}

a {
  color: deepPink;
  text-decoration: none;
}

a:only-child:after {
  content: " (Only Child)";
  color: grey;
}

a:only-child {
  font-weight: bold;
  text-decoration: underline;
}