HTML/CSS même div longueurs

Question

J'ai 3 divs (exemple ci-dessous):

<ul> 
<div class="parent"> 
<li> 
    <div> 
    Lorem Ipsum is simply dummy 
    </div> 
</li> 
</div> 
<li> 
<div class="parent"> 
    <div> 
    Lorem Ipsum is simply dummy text of the printing and typesetting 
    </div> 
</li> 
</div> 
</div> 
</ul> 

Et je veux tous avoir la même largeur que la plus longue. La largeur du plus long devrait être la même que le texte à l'intérieur plus un peu de pixel (f.e. + 15px). Le texte va changer, donc la largeur devrait changer dynamiquement. L'affichage doit être en ligne. Est-il possible de faire quelque chose comme ça dans le HTML/CSS?

Answer 1

Oui, il est possible d'utiliser HTML/CSS. Voici l'extrait de code.

.parent { 
 
    display: inline-block; 
 
    width: auto; 
 
} 
 
.parent div { 
 
    border: 1px solid black; 
 
    padding-right: 15px; 
 
}

<div class="parent"> 
 
    <div> 
 
    Lorem Ipsum is simply dummy 
 
    </div> 
 
    <div> 
 
    Lorem Ipsum is simply dummy text of the printing and typesetting 
 
    </div> 
 
    <div> 
 
    Lorem Ipsum is simply dummy text of the print 
 
    </div> 
 
</div>

comme ci-dessous le code ...

ul { 
 
    display: inline-block; 
 
} 
 
ul li { 
 
    list-style: none; 
 
} 
 
li div { 
 
    border: 1px solid black; 
 
    padding-right: 15px; 
 
}