JSFiddle - React, Tailwind, and code Playground

HTML

<p id="content-other-block">
                        <p id="content-other-pre">Другое в сети:</p>
                        <div class="content-other">
                            <div class="content-other-pic"><img src="img/logo1.png" alt="logo1" width="100" height="50" /></div>
                            <a href="#"><span>Текст1</span></a>
                        </div>
                        <div class="content-other">
                            <div class="content-other-pic"><img src="img/logo2.png" alt="logo2" width="100" height="30" /></div>
                            <a href="#"><span>Текст2</span></a>
                        </div>
                        <div class="clear"></div>
                    </p>

CSS

.content-other{
width:            180px;
height:            120px;
border:            1px solid #4A4A4A;
float:            left;
margin:            10px 5px 10px;
overflow:        hidden;
text-align:        center;
}

.content-other-pic    {
height:            60px;
background:        #F0F;

}

.content-other img    {
margin:            10px auto;
vertical-align:    50%;

}

.content-other span    {
}