JSFiddle - React, Tailwind, and code Playground

HTML

<ul class=categories_list>
    <li>
        <a href="#">
          <img src="http://i.iinfo.cz/images/270/firefox.png" alt="cosi" height="100" width="100"/>
jméno 1
      </a>
    </li>
    <li>
        <a href="#">
          <img src="http://i.iinfo.cz/images/270/firefox.png" alt="cosi" height="100" width="100"/> jméno 2
      </a>
    </li>
</ul>

CSS

.categories_list {
    margin: 0;
    padding: 0;
    list-style: none;
}
 
.categories_list li {
    margin: 0;
    padding: 0;
    margin-bottom: 10px;
    border:1px dotted #7C0D0B;
    background: #EFEAC9;
    min-height: 55px;
}
 
.categories_list li a {
    min-height: 55px;
    display: block;
    text-align: center;
    text-decoration:none;
}
.categories_list img {
    border: none;
    vertical-align: middle;}