JSFiddle - React, Tailwind, and code Playground

HTML

<div id="node-295" class="node clear-block news clearfix">
<h2><a href="/bcs/content/news/295.htm" title="Фуд Дистрибьюшен">Фуд Дистрибьюшен</a></h2>
    <div class="content clearfix">
        <div class="field field-type-content-taxonomy field-field-news-dept">
            <div class="field-label">Отдел:&nbsp;</div>
            <div class="field-items">
            <div class="field-item odd">Закупок отдел</div>
            </div>
        </div>
        <p>Добрый день!</p>
        <p>С 18 июля, на некоторые позиции поставщика Фуд Дистрибьшен&nbsp; будет снижена цена &nbsp;(Салаты, сэндвечи). Просьба делать заказы.</p>
        (здесь может быть картинка)
    </div>
<span class="submitted clearfix">Автор<a href="http://172.31.42.254/bcs/user/21" title="Информация о пользователе.">Овчинникова Юлия</a> <br>
15 Июль 2011
</span>
<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>6 просмотров</span></li>
</ul>
</div>

CSS

.node span.submitted {
float:right;
font-size:0.8em;
text-align:right;
margin:3px;
padding:2px;
width:200px;
}

.node .submitted a {
color:#c21606;
font-weight:bold;
}
/*CLEARFIX*/
.clearfix:after {
  content: "."; /*у тебя тут не было точки, она должа же быть?*/
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
* html .clearfix {height: 1%;}
*+ html  .clearfix {min-height: 1%;}