JSFiddle - React, Tailwind, and code Playground

HTML

<div id="node-295" class="node clear-block news">                     <h2>             <a href="/bcs/content/news/295.htm" title="Фуд Дистрибьюшен">                 Фуд Дистрибьюшен            </a>         </h2>           <div class="meta">                     <!--div class="terms terms-inline"></div-->             </div>     <div class="content">         <p>Добрый день!</p> <p>С 18 июля, на некоторые позиции поставщика Фуд Дистрибьшен&nbsp; будет снижена цена &nbsp;(Салаты, сэндвечи). Просьба делать заказы.</p>     </div>                           <span class="submitted">               Автор              <a href="http://172.31.42.254/bcs/user/21" title="Информация о пользователе.">Овчинникова Юлия</a> <br>                15 Июль 2011           </span> <div class="clear"></div>             <ul class="links inline"><li class="comment_add first"><a href="/bcs/comment/reply/295#comment-form" title="Добавить комментарий к этой странице.">Добавить комментарий</a></li> <li class="statistics_counter last"><span>4 просмотра</span></li> </ul></div>

CSS

.node {
list-style:auto;
border:1px solid black;
margin:15px;
padding:8px;
}
.node .links {
font-size:0.8em;
}
.node .submitted  {
float:right;
right:5px;
bottom:5px;
font-size:0.8em;
text-align:right;
margin:3px;
padding:2px;
border:1px solid red;
}
.node .submitted a {
color:#c21606;
font-weight:bold;
}
.clear{clear:both;}