JSFiddle - React, Tailwind, and code Playground

HTML

<div align="center" class="td"> 

<div style="height: 260px;" class="tb col-1"> 
Краткая информация о новости №1 
</div> 

<div style="height: 260px;" class="tb col-1"> 
Краткая информация о новости №2 
</div> 

<div style="height: 260px;" class="tb col-1"> 
Краткая информация о новости №3 
</div> 

<div style="height: 260px;" class="tb col-1"> 
Краткая информация о новости №4 
</div> 

<div style="height: 260px;" class="tb col-1"> 
Краткая информация о новости №5 
</div> 

<div style="height: 260px;" class="tb col-1"> 
Краткая информация о новости №6 
</div> 

</div>

CSS

.td{border: 3px solid #000;} 
.tb{display:inline-block; width:330px; background: #f1f1f1; border: 1px} 
.tb:hover{background: #E7E7E7;} 
.td {
  font-size: 0;
}
.col-1 { 
  font-size: 14px;
  width:33%; 
  display:inline-block; 
  padding: 0 15px; 
  box-sizing: border-box; 
  vertical-align: top; 
}