<ul class="cp_list">
<li>css</li>
<li>html</li>
<li>copy</li>
<li>easy</li>
</ul>
ul.cp_list {
position: relative;
padding: 0;
list-style-type: none;
}
ul.cp_list li {
padding: 0.5em 0.5em 0.6em 0.5em;
margin-bottom: 5px;
line-height: 1.5;
vertical-align: middle;
background: #f1c6c6;
border-radius: 20px 0px 0px 20px;
color: #ffffff;
}
ul.cp_list li::before {
display:inline-block;
vertical-align: middle;
content:'';
margin-right: 8px;
width:1em;
height: 1em;
background: #fff;
border-radius: 50%;
}