<ul class="cp_list">
<li>css</li>
<li>html</li>
<li>copy</li>
<li>easy</li>
</ul>
ul.cp_list {
padding:0.5em;
list-style-type:none;
}
ul.cp_list li {
position:relative;
padding: 0em 0.3em 0em 1.5em;
}
ul.cp_list li::before,ul.cp_list li::after {
position: absolute;
content: '';
display: inline-block;
}
ul.cp_list li::after {
top: 0.3em;
left: 0em;
width: 15px;
height: 15px;
background-color: #da3c41;
border-radius: 25%;
}
ul.cp_list li::before {
position: absolute;
top: 50%;
left: 0.8em;
height: 0;
width: 0;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-left: 8px solid #da3c41;
transform: translateY(-50%);
}