<div>
  <h1>Things you should look for in a job</h1>
  <ul>
    <li>
      <strong>Salary</strong>: Money doesn't buy happiness, but it does pay the bills!
    </li>
    <li>
      <strong>Learning</strong>: If you're learning, you're growing, and that's a good thing.
    </li>
    <li>
      <strong>Good culture</strong>: If you've gotta work, you might as well have a good time doing it.
    </li>
  </ul>
</div>
body {
  font-family: 'Helvetica', 'Arial', sans-serif;
}

div {
  max-width: 550px;
  padding: 20px;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.4;
}

h1 {
  text-align: center;
}

//* Here's the marker!! *//
ul li::marker {
  content: "\2714\0020  ";
  color: #4ac1bb;
  font-size: 1.5em;
}
View Compiled

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.