JSFiddle - React, Tailwind, and code Playground

HTML

<div class="upd">
		<p><span>21.07.13</span> - Иные буквы встречаются с использованием lorem текстом является. Имеется разница в длине наиболее распространенных слов длинный. Xvi веке связанные с использованием lorem.и</p>
		<p><span>21.07.13</span> + Вида контента, просмотра шрифтов абзацев. Философу цицерону, ведь именно из его применили в.н</p>
		<p><span>21.07.13</span> + Буквы встречаются с использованием lorem рыбным текстом. Создающие собственные варианты текста сыграет на сайтах и смысловую нагрузку ему.к</p>
		<p><span>21.07.13</span> + Лучше использовать при запуске проекта. Является знаменитый lorem ipsum обязан древнеримскому.ь</p>
		</div>

CSS

.upd{position:relative;background-color:white;width:100%;max-width:500px;height:auto;box-shadow:0 0 2px rgba(0,0,0,0.2);padding:10px 20px;color:rgba(126,126, 126, 0.85);font-family:"courier" arial;font-size:13px;}
.upd p{margin-top:10px;margin-bottom:10px; text-indent: -7em; margin-left: 7em;}
.upd p span{color:rgba(126,126,126,0.43);}
.upd:after{content:'';position:absolute;border:1px dashed #ccc;top:5px;bottom:5px;left:5px;right:5px;-moz-box-shadow:0 0 0 1px #fff;-webkit-box-shadow:0 0 0 1px #fff;box-shadow:0 0 0 1px #fff;}