<ul>
  <li>牛乳</li>
  <li>小麦粉</li>
  <li>塩</li>
 </ul>
li {
    list-style-type: none;
    position: relative;
    padding-left: 0.6em;
    }
li:before {
    border-radius: 50%;
    width: 5px;
    height: 5px;
    display: block;
    position: absolute;
    left: 0;
    top: 0.6em;
    content: "";
    background: #1ec4e6;
    }

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.