JSFiddle - React, Tailwind, and code Playground

HTML

<div class="item">
  <a href="">
    <div class="img"></div>
    <h3><a href="">Hello world</a></h3>
    <div class="city-added">
      <div><strong>Moscow</strong></div>
      <div><small>2016-01-22 19:45</small></div>
    </div>
    <div class="price">
      <strong>123$</strong>
    </div>
  </a>
</div>

CSS

.item {
  padding: 15px 15px 15px 190px;
  position: relative;
  border: 1px solid #000;
}
.item::before, .item::after {
  content: "";
  display: block;
  clear: both;
}
.img {
  float: left;
  margin-left: -175px;
  width: 160px;
  height: 120px;
  background-color: #ccc;
}
.item h3 {
  margin-top: 0;
}
.city-added {
  position: absolute;
  bottom: 15px;
}
.price {
  position: absolute;
  right: 20px;
  top: 20px;
}