Considere o seguinte trecho de código de uma página web:

<div id="opcoes" class="vert">
<div class="item">Contratos</div>
<div class="item">Convênios</div>
<div class="item">Licitações</div>
</div>

E o respectivo código de Cascading Style Sheets:

.vert {
display: flex;
width: max-content;
}

.item {
flex: auto;
width: 110px;
}

Ao ser renderizado por um navegador web padrão, o elemento com id “opcoes” do código acima exibe três elementos div: