JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="wrap">
    <li>
        <img src="http://nasha-shkola.org/templates/School/images/riba.jpg" alt="">
        <p>тестовый текст</p>
    </li>
        <li>
        <img src="http://nasha-shkola.org/templates/School/images/riba.jpg" alt="">
        <p>тестовый текст</p>
    </li>
            <li>
        <img src="http://nasha-shkola.org/templates/School/images/riba.jpg" alt="">
        <p>тестовый текст</p>
    </li>
</ul>

CSS

.wrap {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.wrap li {
    display: inline-block;
    width 200px;
    border: 1px solid #000;
}
.wrap li img {
    width: 200px;
}