<ul class="cp_list">
<li>css</li>
<li>html</li>
<li>copy</li>
<li>easy</li>
</ul>
ul.cp_list {
padding:0;
list-style-type:none;
}
ul.cp_list li {
position:relative;
padding: 0 0 0 20px;
}
ul.cp_list li::before,
ul.cp_list li::after {
position: absolute;
top: 0.3em;
content: '';
display: flex;
justify-content: center;
align-items: center;
width: 13px;
height: 15px;
background: #4DD0E1;
}
ul.cp_list li::before {
left: 0;
border-radius: 3px;
}
ul.cp_list li::after {
left: 8px;
clip-path: polygon(0 0, 0% 100%, 100% 50%);
transform: scale(0.5);
}