-2

o código HTML é este aqui- Queria colocar um display flex apenas no "forms2" para os inputs ficarem em row. Oque devo fazer?

    <div class="forms1">
        <div class="prontuario"><b>Prontuário:</b> <input type="text"></div>
    </div><!--forms1-->
        
    <div class="forms2">
           <ul>
                <li><b>Nome:</b> <input type="text"></div></li>
                <li><b>CPF:</b> <input type="text"></div></li>
                <li><b>ENDEREÇO:</b> <input type="text"></div></li>
            </ul>
    </div><!--forms2-->

*CSS .forms2{ display: flex; }

1

1 Resposta 1

3

Primeiro você precisa arrumar a estrutura html, você tem um monte de divs fechando sem abertura nas LIs. Depois você precisa aplicar o estilo na ul e não na div.

    <div>
    <ul class="forms2">
        <li><b>Nome:</b> <input type="text" /></li>
        <li><b>CPF:</b> <input type="text" /></li>
        <li><b>ENDEREÇO:</b> <input type="text" /></li>
    </ul>
</div>

E agora aplicar o estilo

.forms2 {
        display: flex;
        flex-direction: row;
    }
2
  • Muito Obrigado! Commented 27/02/2021 às 16:42
  • @Thiernodia se funcionou seria interessante marcar a resposta como correta (: Commented 27/02/2021 às 16:59

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .