Come posso rendere un genitore flessibile avere la larghezza dei suoi figli?

Question

Ho un elemento padre, con due elementi all'interno:

<div class="parent"> 
    <div class="child"> 
    one 
    </div> 
    <div class="child"> 
    two 
    </div> 
</div> 

Attualmente, il .parent è largo 100%. Vorrei solo essere la larghezza dei due bambini.

.parent { 
    display: flex; 
    background-color: aliceblue; 
} 

come posso fare il genitore sia la larghezza del suo contenuto, e non più largo?

See codepen for a live demo.

Answer 1

Cambiare visualizzazione del genitore flex-inline-flex.

codepen demo