JSFiddle - React, Tailwind, and code Playground

by youssef moudine

HTML

<div class="container">
  <div class="post-text">
    La finale de la Copa pourrait ne pas avoir lieu à Tanger ! La fédération espagnole et Rubiales sont dans une situation délicate concernant la finale de la copa annoncée à Tanger le 12 Août. Le problème concerne les droits de retransmission TV. En effet… Afficher plus
    </div>
    
  <div class="post-image" style="background: url(https://scontent-frx5-1.xx.fbcdn.net/v/t1.0-0/p110x80/37620993_422137138297588_2372361323800428544_n.jpg?_nc_cat=104&_nc_ht=scontent-frx5-1.xx&oh=0517830a7fae4e4043fc4261108f8f1b&oe=5CA678BA); background-position: center;">
  </div>
  
  <img src="https://scontent-frx5-1.xx.fbcdn.net/v/t1.0-0/p110x80/37620993_422137138297588_2372361323800428544_n.jpg?_nc_cat=104&_nc_ht=scontent-frx5-1.xx&oh=0517830a7fae4e4043fc4261108f8f1b&oe=5CA678BA" alt="">
  
</div>

CSS

.container {
  outline: 1px dashed black;
  height: 104px;
  width: 476px;
}

.post-text{
  outline: 1px dashed red;
  display: inline-block;
  height: 104px;
  width: 353px;
  line-height: 19px;
  font-size: 14px;
  margin: 0;
  padding: 0
}

.post-image{
  outline: 1px dashed black;
  display: inline-block;
  height: 104px !important;
  width: 104px !important;
}