<div class="wrap">
<ul>
<li>Компактный, лёгкий, ударопрочный</li>
<li>Запас энергии: <strong>5000 измерений</strong></li>
<li>Время измерения: <strong>9 сек</strong></li>
<li>Большой дисплей, крупный шрифт</li>
<li>Одна большая <strong>удобная кнопка</strong></li>
<li>Термометр для измерения температуры помещения</li>
<li><strong>Память на 365 измерений</strong></li>
<li>Таймер для напоминаний, подключение к ПК</li>
</ul>
</div>
.wrap{
background: #c3a7e1;
width: 400px;
line-height: 2;
}
ul{
margin: 0;
padding: 0;
}
li{
display: flex;
white-space: nowrap;
}
.helper{
position: relative;
width: 100%;
}
.helper::before{
position: absolute;
content: '';
width: 100%;
height: 5px;
background: red;
top: 0;
bottom: 0;
margin: auto;
}
.helper::after{
position: absolute;
content: '';
width: 10px;
height: 5px;
background: yellow;
top: 0;
bottom: 0;
right: 0;
margin: auto;
}
$( document ).ready(function() {
$('li').append( "<span class='helper'></span>" );
});
This Pen doesn't use any external CSS resources.