JSFiddle - React, Tailwind, and code Playground

by d0ublezer0

HTML

<div class="services-category-list">


<div class="_item">
                    <img src="https://www.apriori-dz.ru/media/k2/categories/27.jpg" alt="Аппаратные методики" class="cat-img">
                    <div class="cat-inner">
                        <div class="cat-header">
                            <h2><a href="/clinic/apparatnye-metodki" title="Аппаратные методики">
                                    <span>Аппаратные методики</span>
                                </a>
                            </h2>
                                                            <div class="cat-info"><p>Всё лучшее для вас и вашего тела на лучшем оборудовании в Дзержинске</p></div>                        </div>
                                                    <ul>                                
                                                                <li class=""><a href="/clinic/apparatnye-metodki/smas-lift">СМАС-лифтинг (SMAS)</a></li>
                                                                <li class="new"><a href="/clinic/apparatnye-metodki/kriolipoliz-na-apparate-novogo-pokoleniya-cry-o-sorisa-ispaniya-khudeem-bystro-i-legko">Криолиполиз&nbsp;CRY-O</a></li>
                                </ul>                    </div>
                </div>
                </div>

CSS

.services-category-list ._item .cat-inner li.new:before {
       position: absolute;
    content: "новинка";
    left: -68px;
    font-size: 12px;
    line-height: 1;
    top: 5px;
    background: #E91E63;
    color: #fff;
    padding: 2px 5px;
    border-radius: 3px;
}
.services-category-list ._item .cat-inner li {
    position: relative;
    margin-bottom: 0.5rem;
}

.services-category-list ._item .cat-inner ul a{
    text-decoration: none;
    border-bottom: 1px solid rgba(51, 122, 183, 0.3);
}
.services-category-list ._item .cat-inner ul {
    margin: 1em 0 0 0;
    padding: 0;
    list-style: none;
}

.services-category-list ._item .cat-inner {
    overflow: hidden;
}

.services-category-list ._item img {
    max-width: 90px;
    border-radius: 50px;
    float: left;
    margin: 0 10px 10px 0;
    height: auto;
}