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&amp;bl=80851&amp;ct=adpreview&amp;st=16&amp;in=3wjcAQDohHUwewoA7iMKAE82CgA%3D" target="_blank" style="display: block"> <img src="//static5.smi2.net/img/290x145/2263273.jpeg" width="290" height="145" style=""> </a> <a class="sk2_a2" href="http://news.smi2.ru/newdata/adclick?ad=686896&amp;bl=80851&amp;ct=adpreview&amp;st=16&amp;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&amp;bl=80851&amp;ct=adpreview&amp;st=16&amp;in=3wjcAQDohHUwewoA7iMKAE82CgA%3D" target="_blank" style="display: block"> <img src="//static4.smi2.net/img/290x145/2253868.jpeg" width="290" height="145" style=""> </a> <a class="sk2_a2" href="http://news.smi2.ru/newdata/adclick?ad=664558&amp;bl=80851&amp;ct=adpreview&amp;st=16&amp;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&amp;bl=80851&amp;ct=adpreview&amp;st=16&amp;in=3wjcAQDohHUwewoA7iMKAE82CgA%3D" target="_blank" style="display: block"> <img src="//static5.smi2.net/img/290x145/2235312.jpeg" width="290" height="145" 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: 290px; */
            /* height: 145px; */
        }
        
        .sk2_a1 img {
            /* display: block; */
            /* width: 290px; */
            /* height: 145px; */
            width: 100% !important;
    height: auto !important;
        }
        
        .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;
        }