<div class="wrap">
  <ul>
    <li class="bull bull01">불릿이다아아
    <li class="bull bull02">불릿이다아아
    <li class="bull bull03">불릿이다아아
    <li class="bull bull04">불릿이다아아
    <li class="bull bull05">불릿이다아아
    <li class="bull bull06">불릿이다아아
  </ul>
</div>

.bull{position:relative;padding-left:20px}
.bull01::before{display:block;content:'';position:absolute;top:50%;left:0;width:8px;height:8px;margin-top:-4px;background:#000}
.bull02::before{display:block;content:'';position:absolute;top:50%;left:0;width:8px;height:8px;margin-top:-4px;background:#000;border-radius:50%}
.bull03::before{display:block;content:'';position:absolute;top:50%;left:0;margin-top:-4px;border:4px solid transparent;border-left-color:#000;border-width:4px 8px}
.bull04::before{display:block;content:'';position:absolute;top:50%;left:0;margin-top:-4px;border:4px solid #000;border-top-color:#ff0000;border-right-color:#ff0000}
.bull05::before{display:block;content:'Q';position:absolute;top:50%;left:0;width:14px;height:14px;margin-top:-7px;background:#000;color:#fff;border-radius:50%;font-size:12px;text-align:center;line-height:14px}
.bull06::before{display:block;content:'A';position:absolute;top:50%;left:0;width:14px;height:14px;margin-top:-7px;background:#000;color:#fff;border-radius:50%;font-size:12px;text-align:center;line-height:14px}