JSFiddle - React, Tailwind, and code Playground

HTML

<html>
<body>
<div class="comment">    
<table class="com_top">
<tr>
<td class="com_avatar">
         <div class="user-picture">
             <a href="/users/adm1n" title="Информация о пользователе."><img typeof="foaf:Image" src="http://hnb.com.ua/test/avatar.png" alt="Аватар пользователя adm1n" title="Аватар пользователя adm1n" /></a> </div>
</td>
<td class="round_cont"><div class="coml"></div></td>
<td class="comc">
                 <div class="author">
         <span rel="sioc:has_creator"><a href="/users/adm1n" title="Информация о пользователе." class="username" xml:lang="" about="/users/adm1n" typeof="sioc:UserAccount" property="foaf:name">adm1n</a></span>        </div>
         <div class="submitted">        
         <span property="dc:date dc:created" content="2013-01-30T14:11:54+03:00" datatype="xsd:dateTime" rel="sioc:has_creator">30.01.13 14:11</span>    </div>
         <div class="comment_links">
         <ul class="links inline"><li class="comment-delete first"><a href="/comment/4/delete">удалить</a></li>
<li class="comment-edit"><a href="/comment/4/edit">изменить</a></li>
<li class="comment-reply last"><a href="/comment/reply/53/4">ответить</a></li>
</ul>    </div>
</td>
<td class="round_cont"><div class="comr"></div></td>
</tr>
</table>
    </div>
</body>

CSS

ul.inline, ul.links.inline { 
display: inline;
padding-left: 0px;
}
ul.inline li { 
display: inline;
list-style-type: none;
padding: 0px 0.5em;
}
.comment-form label {display:inline;font-size:12px;font-weight:normal;color:#686666;}
.comment-form .form-item a {font-size:12px;color:#686666;text-decoration:none;}
.comment-form .form-item a:hover {color:#880707;}
.comment-form .form-item {margin-top:5px;margin-bottom:5px;}
.comment table.com_top {width:100%;border-spacing:0px;}
.comment .com_top td {padding:0px;height:50px;margin:0px;vertical-align:top;}
.comment .com_top .round_cont {width:5px;}
.comment .com_top td {padding:0px;height:50px;margin:0px;vertical-align:top;}
.comment .com_top .round_cont {width:5px;}
.comment .com_top .com_avatar {padding-right:10px;width:50px;height:50px;overflow:hidden;}
.comment .com_top .com_avatar .user_picture {display:inline;height:50px;overflow:hidden;line-height:10px;}
.comment .com_top .com_avatar .user-picture a {width:50px;height:50px;display:inline;zoom:1;overflow:hidden;}
.comment .com_top .coml,.comment .com_top .comc,.comment .com_top .comr {height:50px;background:url(http://hnb.com.ua/test/com_title.png);}
.comment .com_top .comc {position:relative;background-position:0px -100px;}
.comment .com_top .coml {width:5px;background-position:0px 0px;font-size:1px;background-repeat:no-repeat;}
.comment .com_top .comr {width:5px;background-position:0px -50px;font-size:1px;background-repeat: no-repeat;}
.comment .com_top .author {width:100%;font-size:14px;color:#880707;margin-top:8px;margin-bottom:5px;padding-left:5px;height:15px;overflow:hidden;}
.comment .com_top .author a {color:#880707;font-size:14px;}
.comment .com_top .submitted {position:absolute;top:12px;right:2px;height:15px;line-height:14px;font-size:10px;color:#686666;width:50px;text-align:center;display:block;}
.comment .com_top .comment_links {width:100%;margin:0px;}
.comment .com_top .comment_links .links...