JSFiddle - React, Tailwind, and code Playground

HTML

<div id="DIV_1">
	<div id="DIV_2">
		<div id="DIV_3">
			 <a href="/u/krkm" id="A_4"><img alt="avatar" src="https://bnw.im/u/krkm/avatar/thumb" id="IMG_5" /></a>
		</div>
		<div id="DIV_6">
			<!-- Header -->

			<div id="DIV_7">
				 <a title="Отметить для удаления" href="#" id="A_8">×</a> <a href="/u/krkm" id="A_9">@krkm</a> <abbr title="2014-10-08 10:31:41" id="ABBR_10">несколько секунд назад</abbr>
			</div>
			<!-- Body -->

			<div id="DIV_11">
				<p id="P_12">
					SnappySnippet + JsFiddle
				</p>
			</div>
			<!-- Footer -->

			<div id="DIV_13">
				 <a href="#WSY" title="Нажмите чтобы прокомментировать" id="A_14">#24IKKK/WSY</a>
			</div>
		</div>
	</div>
</div>

CSS

#DIV_1 {
    box-shadow: rgba(0, 0, 0, 0.0470588) 0px 1px 1px 0px inset;
    color: rgb(51, 51, 51);
    height: 80px;
    min-height: 20px;
    text-decoration: none solid rgb(51, 51, 51);
    width: 890px;
    background: rgb(250, 250, 250) none repeat scroll 0% 0% / auto padding-box border-box;
    border: 1px solid rgb(227, 227, 227);
    border-radius: 3px 3px 3px 3px;
    font: normal normal normal 14px/20px 'Helvetica Neue', Helvetica, Arial, sans-serif;
    margin: 20px 0px 0px;
    outline: rgb(51, 51, 51) none 0px;
    padding: 9px;
}/*#DIV_1*/

#DIV_2 {
    color: rgb(51, 51, 51);
    height: 80px;
    text-decoration: none solid rgb(51, 51, 51);
    width: 890px;
    border: 0px none rgb(51, 51, 51);
    font: normal normal normal 14px/20px 'Helvetica Neue', Helvetica, Arial, sans-serif;
    outline: rgb(51, 51, 51) none 0px;
    overflow: hidden;
}/*#DIV_2*/

#DIV_3 {
    color: rgb(51, 51, 51);
    float: left;
    height: 58px;
    text-decoration: none solid rgb(51, 51, 51);
    width: 58px;
    border: 0px none rgb(51, 51, 51);
    font: normal normal normal 14px/20px 'Helvetica Neue', Helvetica, Arial, sans-serif;
    margin: 0px 10px 0px 0px;
    outline: rgb(51, 51, 51) none 0px;
}/*#DIV_3*/

#A_4 {
    color: rgb(0, 136, 204);
    text-decoration: none solid rgb(0, 136, 204);
    border: 0px none rgb(0, 136, 204);
    font: normal normal normal 14px/20px 'Helvetica Neue', Helvetica, Arial, sans-serif;
    outline: rgb(0, 136, 204) none 0px;
}/*#A_4*/

#IMG_5 {
    box-shadow: rgba(0, 0, 0, 0.0980392) 0px 1px 3px 0px;
    color: rgb(0, 136, 204);
    height: 48px;
    max-width: 100%;
    text-decoration: none solid rgb(0, 136, 204);
    vertical-align: middle;
    width: 48px;
    background: rgb(255, 255, 255) none repeat scroll 0% 0% / auto padding-box border-box;
    border: 1px solid rgba(0, 0, 0, 0.2);
    font: normal normal normal 14px/20px 'Helvetica Neue', Helvetica, Arial, sans-serif;
    outline: rgb(0, 136, 204) none 0px;
   ...