Wie kann man in CSS dafür sorgen, dass jedes Element die gleiche Breite wie das breiteste Element hat?

 display: inline-flex;<br> flex -direction: row;<br> justify-content: center;<br>}</p><p>.list {<br> display: flex;<br> Flex-Richtung: Spalte;<br>}</p><p>.list-item {<br> Text-Transform: Großschreibung;<br> Hintergrundfarbe: RGB(200, 30, 40) ;<br> Schriftgröße: 1,3em;<br> Textausrichtung: links;<br> Polsterung: 10px;<br> margin: 1px;<br> display: flex;<br> flex-direction: row;<br> flex-wrap: wrap;<br> justify-content: flex-start;<br>}&lt ;/pre><br><pre class="brush:php;toolbar:false"><p><div> <div class="list"></p>
<div class="code" style="position:relative; padding:0px; margin:0px;"><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"><div>