JSFiddle - React, Tailwind, and code Playground

HTML

<div class="teasers5_area block_basic ">
<div id="" class="a item item_mas n-item" style="width: 33.3%; display: block;">
							<a class="a_inner n-item-link" href="#" target="_blank">
								<article class="article">
									<div class="text">
										<div class="text_inner quotes">Британец чуть не потерял ногу, покурив э потерял ногу, покурив э потерял ногу, покурив э потерял ногу, покурив э потерял ногу, покурив электронную сигарету</div>
									</div>

									<div class="meta">
										<table valign="center">
											<tbody>
												<tr>
													<td align="right"><span class="author">Владимир Жириновский</span></td>
													<td width="60"><img class="img" src="http://static1.smi2.net/img/367x283/2261509.jpeg" alt=""></td>
												</tr>
											</tbody>
										</table>
									</div>
								</article>
							</a>
						</div>
    </div>

CSS

.teasers5_area .item {
	float: none !important;
	display: inline-block !important;
	vertical-align: top !important;
	position: relative !important;
	left: auto !important;
	top: auto !important;
	-webkit-transform: none !important;
	transform: none !important;
	width: 32.8% !important;
	overflow: hidden !important;

	text-decoration: none !important;
}


.teasers5_area .item .article {
    color: #000;
    font-family: 'PT Sans', sans-serif;
    text-align: left;
    line-height: 20px;
    background: #fff;
}

.teasers5_area .item .article .text {
padding: 20px;
position: relative;
}


.teasers5_area .item .article .text_inner {
font-size: 18px;
font-weight: normal;
}

.quotes:before{
	content: '«';

	text-indent: -7px;

	display: inline-block;
}

.quotes:after{
	content: '»';

	display: inline-block;
}