JSFiddle - React, Tailwind, and code Playground

HTML

<p class="style8" align="center">
    <a href="href"><img src="images/свидетельство1.jpg" height="350" width="240"><span>Скачать</span></a>
    <a href="href"><img src="images/свидетельство2.jpg" height="350" width="240"><span>Скачать</span></a>
    <a href="href"><img src="images/уведомление.jpg" height="350" width="240"><span>Скачать</span></a>
</p>

CSS

*{
    box-sizing: border-box;
}
.style8 a {
    display: inline-block;
    vertical-align: top;
    margin: 0 0.5rem;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}
.style8 span {
    margin: 0.5rem auto 0.5rem auto;
    display: block;
    max-width: 160px;
    background: #7daa11;
    color: white;
    border-radius: 3px;
    padding: 5px;
}