JSFiddle - React, Tailwind, and code Playground
HTML
<ul>
<li><a href="">Матовые потолки</a></li>
<li><a href="">Глянцевые потолки</a></li>
<li><a href="">Сатиновые потолки</a></li>
<li><a href="">Бесшовные потолки</a></li>
<li><a href="">Двухуровневые потолки</a></li>
</ul>
CSS
body {
margin: 0;
background: #fff;
}
ul {
margin-left: 20px;
padding: 0;
list-style: none;
}
ul a {
display: block;
text-decoration: none;
font: 600 1em/1.2 Tahoma, sans-serif;
color: #777;
}
ul a:hover {
text-decoration: underline;
}
ul a:after {
content: "";
width: 11px;
height: 14px;
display: inline-block;
background: url(http://diman4ik.mcdir.ru/images/afterLine.png) no-repeat;
margin-left: 10px;
position: relative;
top: 2px;
}
ul li {
margin-top: 10px;
position: relative;
padding-bottom: 15px;
}
ul li:after {
content: "";
position: absolute;
width: 100px;
left: 0;
bottom: 0;
border-bottom: 1px solid #ccc;
}