T'es un bon prof Alain, même si j'ai l'impression d'être le dernier de la classe

Alain T a écrit :
Sur l'article http://lumieresdefrance.com/phpv2/modules/xmnews/article.php?news_id=39,
je te propose de modifier ton code qui liste des éléments sans que tu utilises une liste

par le code propre indiqué ici : https://fontawesome.com/v5.15/how-to-use/on-the-web/styling/icons-in-a-list

Pourquoi me diras-tu ?

Regarde ce qui se passe pour la ligne "Parafoudre Type 2 (ou 3) pour éclairage à LED." quand tu changes la largeur.
Sur le mode md (je crois), le texte passe sous le logo ce qui est non seulement moche mais en plus bien moins lisible.

Avec le code que je te propose, quel que soit la largeur de l'affichage, il y aura toujours un décalage entre le logo qui indique la liste et le texte de la ligne concernée.

Le code :

<ul class="fa-ul">
<li class="mb-1"><span class="fa-li"><span class="fas fa-chevron-circle-right orangeLDF-color">span>span>Parafoudre Type 2 (ou 3) pour éclairage à LED.li>
<li class="mb-1"><span class="fa-li"><span class="fas fa-chevron-circle-right orangeLDF-color">span>span>Classe 1.li>
<li class="mb-1"><span class="fa-li"><span class="fas fa-chevron-circle-right orangeLDF-color">span>span>Très compact.li>
<li class="mb-1"><span class="fa-li"><span class="fas fa-chevron-circle-right orangeLDF-color">span>span>Montage sur platine.li>
<li class="mb-1"><span class="fa-li"><span class="fas fa-chevron-circle-right orangeLDF-color">span>span>Connexion bornier à vis.li>
<li class="mb-1"><span class="fa-li"><span class="fas fa-chevron-circle-right orangeLDF-color">span>span>Signalisation d’état.li>
<li class="mb-1"><span class="fa-li"><span class="fas fa-chevron-circle-right orangeLDF-color">span>span>Déconnexion AC en fin de vie.li>
<li class="mb-1"><span class="fa-li"><span class="fas fa-chevron-circle-right orangeLDF-color">span>span>Conforme NF EN 61643-11.li>
<ul>