JSFiddle - React, Tailwind, and code Playground
HTML
<div class="smi2" id="qwe">
<div class="sk2_table">
<div class="sk2_head">Новости</div>
<div class="sk2_item_outer" style="vertical-align: top">
<div class="sk2_item" style="vertical-align: top">
<a class="sk2_a1" href="http://news.smi2.ru/newdata/adclick?ad=686896&bl=80851&ct=adpreview&st=16&in=3wjcAQDohHUwewoA7iMKAE82CgA%3D" target="_blank" style="display: block"> <img src="//static5.smi2.net/img/290x145/2263273.jpeg" style=""> </a> <a class="sk2_a2" href="http://news.smi2.ru/newdata/adclick?ad=686896&bl=80851&ct=adpreview&st=16&in=3wjcAQDohHUwewoA7iMKAE82CgA%3D" target="_blank" style="display: block">Новые значения сохранены и вступят в силу в течение двух минут</a> </div>
</div>
<div class="sk2_item_outer" style="vertical-align: top">
<div class="sk2_item" style="vertical-align: top">
<a class="sk2_a1" href="http://news.smi2.ru/newdata/adclick?ad=664558&bl=80851&ct=adpreview&st=16&in=3wjcAQDohHUwewoA7iMKAE82CgA%3D" target="_blank" style="display: block"> <img src="//static4.smi2.net/img/290x145/2253868.jpeg" style=""> </a> <a class="sk2_a2" href="http://news.smi2.ru/newdata/adclick?ad=664558&bl=80851&ct=adpreview&st=16&in=3wjcAQDohHUwewoA7iMKAE82CgA%3D" target="_blank" style="display: block">КНовые значения сохранены и вступят в силу в течение двух минут»</a> </div>
</div>
<div class="sk2_item_outer" style="vertical-align: top">
<div class="sk2_item" style="vertical-align: top">
<a class="sk2_a1" href="http://news.smi2.ru/newdata/adclick?ad=669263&bl=80851&ct=adpreview&st=16&in=3wjcAQDohHUwewoA7iMKAE82CgA%3D" target="_blank" style="display: block"> <img src="//static5.smi2.net/img/290x145/2235312.jpeg" style=""> </a> <a class="sk2_a2"...
CSS
.sk2_table {
background: #f5f5f5;
padding: 18px 10px 27px;
overflow: hidden;
text-align: center;
clear: both;
}
.sk2_head {
text-indent: 10px;
color: #AEAEAE;
display: block;
font-family: 'PT Sans', Arial, Helvetica, sans-serif;
font-size: 13px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-transform: uppercase;
text-align: left;
background: #f5f5f5;
padding-bottom: 18px;
}
.sk2_item_outer {
display: block;
width: 33.2%;
float: left;
}
.sk2_item:last-child {}
.sk2_item {
margin: 0 10px;
overflow: hidden;
}
.sk2_a1 {
text-decoration: underline;
padding-bottom: 17px;
display: block;
float: left;
overflow: hidden;
width: 100%;
}
.sk2_a1 img {
display: block;
width: 100%;
}
.sk2_a2 {
color: #333;
display: block;
font-family: Arial, sans-serif;
font-size: 14px;
line-height: 21px;
text-decoration: none;
clear: both;
text-align: left;
}