JSFiddle - React, Tailwind, and code Playground

by oilvier

HTML

<table border="0"><tbody><tr><td>Premiere caracteristique</td><td></td></tr><tr><td></td><td>Type de produit</td><td>Lave linge hublot</td></tr><tr><td></td><td>Avantage</td><td>il peut être installé rapidement et simplement n'importe où. Pour une profondeur mini de 60 cm, vous pourrez y superposer un séche-linge</td></tr><tr><td></td><td>Conseils</td><td>prévoir 2 à 3 cms supplémentaires derrière la machine pour le passage des tuyaux et câbles</td></tr><tr><td></td><td>Sens d'ouverture du hublot</td><td>fixation à gauche</td></tr><tr><td></td><td>Couleur</td><td>Blanc</td></tr><tr><td>Capacites</td><td></td></tr><tr><td></td><td>Capacité de lavage (S, M, L, XL, XXL)</td><td>L (9 Kgs)</td></tr><tr><td></td><td>Idéal pour</td><td>4 personnes</td></tr><tr><td></td><td>Volume du tambour</td><td>Tambour 61L</td></tr><tr><td></td><td>Avantage de la taille de ce tambour</td><td>idéal pour une petite couette</td></tr><tr><td></td><td>Vitesse d'essorage</td><td>1400 tr/mn</td></tr><tr><td>Confort d utilisation</td><td></td></tr><tr><td></td><td>Niveau sonore en décibels max. en essorage</td><td>silencieux (74 db)</td></tr><tr><td></td><td>Ecran d'affichage</td><td>Tactile</td></tr><tr><td></td><td>Dosage automatique (Autodosing) :</td><td>oui, remplissez le réservoir 1 fois pour 20 à 35 cycles. La machine adapte la consommation de produitts lessiviels en fonction de la quantité de linge et de l'état de saleté</td></tr><tr><td></td><td>Départ différé ou fin différée (délai maximum)</td><td>Fin différée 19 heures</td></tr><tr><td></td><td>Avantage de la fin différée</td><td>oui, permet de laver votre linge aux heures creuses et de ne pas laisser le linge humide dans la machine. Evite le tassement du linge et le repassage difficile</td></tr><tr><td></td><td>Affichage du temps restant :</td><td>oui, par affichage digital pour plus de précision</td></tr><tr><td></td><td>Option rajout de linge :</td><td>oui, en cas d'oubli, vous pouvez rajouter du linge après le démarrage du...

SCSS

table,
tr {
  display: block;
}
td {
  padding: 0;
  border: 0;
  display: inline;
  line-height: 1.25;
}

td:first-child {
  font-weight:bold;
  font-size: 22px;
}

td:empty + td {
  font-weight:bold;
  
  &::after {
    content: ' : ';
  }
}