El ancho del elemento más ancho establece el ancho de todos los hermanos en la fila
He leído muchos tutoriales sobre cuadros flexibles CSS y cuadrículas CSS, pero, francamente, no puedo entender cómo hacer esta cosa simple (?).
Todo lo que quiero es que los elementos en un contenedor sean tan anchos como el elemento más ancho.
No quiero que llenen todo el ancho del contenedor, solo todos crecen hasta el ancho máximo. ¿Se puede hacer eso con CSS?
Considera este HTML:
<div class="container">
<button>a normal button</button>
<button>tiny</button>
<button>a really, really, really wide button</button>
</div>
Eso produce algo como esto:
Lo que quiero es algo como esto, donde tienen todo el ancho de ese botón más ancho:
NO quiero que se estiren para llenar el ancho de la página:
Se puede hacer esto? Si es así, ¿cuál sería el CSS para el HTML anterior?