JSFiddle - React, Tailwind, and code Playground

HTML

<table class="tableau">
	<tbody>
	<tr>
		<td><i class='fas fa-map-pin'></i></td>
      	<td>Commune : #commune# (#departement#)</td>
	</tr>
	<tr>
      	<td><i class='fas fa-pen'></i></td>
		<td>Arrêté : n°#numero_arrete#</td>
	</tr>
    <tr>
      	<td><i class='fas fa-angle-right'></i></td>
		<td>Date de début : #date_debut#</td>
	</tr>
    <tr>
      	<td><i class='fas fa-angle-right'></i></td>
		<td>Date de fin : #date_fin#</td>
	</tr>
	</tbody>
</table>

CSS

.tableau{
      	background-color: #C9EBF8 !important;
      	border: 5px solid red;
      	border-radius: 20px !important;
  	  	border-spacing:5px;
      	border-collapse: separate;
      	columns:2;
	}
.tableau td {
		padding:5px;
     	background-color: #C9EBF8 !important;
      	
	}