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

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: