JSFiddle - React, Tailwind, and code Playground

HTML

<div class="item-list">
      <h3><span class="front-page-category-item-image"><img src="/category_pictures/kotli.jpg" alt="Котлы" width="45" height="70"></span><span class="front-page-category-item-name">Котлы</span></h3>
    <ul>
          <li class="views-row views-row-7 views-row-odd">  
  <div class="views-field-name">
                <span class="field-content"><a href="/taxonomy/term/1663">Газовые кондесационные настенные котлы</a></span>
  </div>
</li>
          <li class="views-row views-row-8 views-row-even">  
  <div class="views-field-name">
                <span class="field-content"><a href="/taxonomy/term/1649">Настенные газовые котлы</a></span>
  </div>
</li>
      </ul>
</div>

CSS

.item-list {
margin: 10px 0px;
border-bottom: 1px solid #BBB;
width: 200px;
padding: 0px 0px 8px;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
background: white;
display: inline-block;
vertical-align: top;
text-align: left;
margin-top: 50px;
    height: 277px;
}
.item-list h3 {
background: #F4F4F4;
margin: 0;
margin-top: 0px;
text-align: center;
height: 170px;
}
.item-list h3 span.front-page-category-item-image {
display: block;
width: 130px;
height: 130px;
border-radius: 50%;
border: 1px solid lightgray;
margin: 0px auto;
background: white;
position: relative;
top: -50px;
margin-top: 0px;
}
.item-list h3 span.front-page-category-item-image img {
margin-top: 30px;
}