JSFiddle - React, Tailwind, and code Playground

HTML

<div class="review_text">
									<span class="date">15.03.2016</span>
									<h4>Защита диссертации: Самойлович Янина Андреевна</h4>
									<p>Диссертационный совет Д 001.021.01 при ФГБНУ «Научно-исследовательский институт акушерства, гинекологии и репродуктологии имени Д.О. Отта» объявляет, что Самойлович Янина Андреевна  представила диссертацию на соискание ученой степени кандидата медицинских наук «Дефицит...</p>
								</div>

CSS

.review_text {
        width: 610px;
				color: #666;
				font: 12px/14px 'BlissPro-MediumItalic', Arial, sans-serif;
				padding: 0 0 20px;

				overflow: hidden;
				height: 100px;
				line-height: 25px;
				transition: 0.3s;
			}
			.review_text:before {
				content: "";
				float: left;
				width: 5px;
				height: 100px;
			}
			.review_text:after {
				content: "\02026";
				box-sizing: content-box;
				float: left;
				position: relative;
				top: -25px;
				left: 100%; 
				width: 610px;
				margin-left: -610px;
				padding-right: 5px;	
				text-align: right;
				background-size: 100% 100%;
				background: linear-gradient(to bottom, rgba(255, 255, 255, 0), white 100%, white);
			}
			.review_text:hover {
				height: 100%;
			}