1
resposta

alinhar caixa de textarea

como faço pra deixar 3 caixa de textarea alinhado um do lado da outra?

            <section class="despesas">

                <h3 class="titulo-principal">Despesas</h3>

                <ul>
                    <li>
                        <h2>Combustivel</h2>
                        <fieldset >
                            <legend>Qual o Combustivel?</legend>
                            <select required="">
                                <option></option>
                                <option>GNV</option>
                                <option>Etanol</option>
                                <option>Gazolina</option>
                                <option>Diesel</option>                                
                            </select>
                        </fieldset>

                        <label for="preco-litro">Preço do litro</label>
                        <input type="text" id="preco-litro" class="input-despesas" required="">

                        <label for="valor">Valor Gasto</label>
                        <input type="number" id="valor" class="input-despesas" required="">

                        <label for="observacao">Observação</label>
                        <textarea cols="45" rows="20" id="observacao"></textarea class="input-despesas">
                    </li>

                    <li class="manutenção">
                    <h2>Manutenção</h2>
                    <fieldset>
                        <legend>O que foi feito?</legend>
                        <select>
                            <option></option>
                            <option>Alinhamento</option>
                            <option>Ar Condicionado</option>
                            <option>Balanceamento</option>
                            <option>Bateria</option>
                            <option>Bomba de Combustível</option>
                            <option>Buzina</option>
                            <option>Calibragem</option>
                            <option>Carroceria</option>
                            <option>Cinto</option>
                            <option>Correia</option>
                            <option>Direção Hidráulica</option>
                            <option>Espelhos</option>
                            <option>Filtro de Ar</option>
                            <option>Filtro de Combustivel</option>
                            <option>Filtro de Óleo</option>
                            <option>Fluido de Freio</option>
                            <option>Fluido de Transmição</option>
                            <option>Fluido de Óleo</option>
                            <option>Limpadores de Parabrisa</option>
                            <option>Luzes</option>
                            <option>Mão de Obra</option>
                            <option>Pastilha de Freio</option>
                            <option>Pneu</option>
                            <option>Radiador</option>
                            <option>Reparo</option>
                            <option>Revisão</option>
                            <option>Rodizio</option>
                            <option>Suspensão</option>
                            <option>Troca de Freio</option>
                            <option>Troca de Óleo</option>
                            <option>Velas</option>
                            <option>Vidros</option>
                            <option>Outros</option>
                        </select>
                    </fieldset>

                    <label for="valor">Valor Gasto</label>
                    <input type="number" id="valor" class="input-despesas">

                    <input type="file" name="" class="input-despesas">

                    <label for="observacao">Observação</label>

                    <textarea  placeholder="oficina (endereço, telefone, mecanico responçavel, nota de serviço etc), garantia (peças ou serviço) e outros. " cols="45" rows="20" id="observacao"></textarea class="input-despesas" required >


                    </li>

                    <li class="outras-despesas">
                        <h2>Outras Despesas</h2>
                        <fieldset>
                            <legend>Categoria</legend>
                            <select>
                                <option></option>
                                <option>Alimentação</option>
                                <option>Aluguel do Veiculo</option>
                                <option>Cuidados Pessoais</option>
                                <option>Documentação</option>
                                <option>Estacionamento</option>
                                <option>Lavagem</option>
                                <option>Multa</option>
                                <option>Parcela</option>
                                <option>Pedagio</option>
                                <option>Seguro</option>
                                <option>Outros</option>                                
                            </select>
                            <label for="valor">Valor Gasto</label>
                            <input type="number" id="valor" class="input-despesas">
                            <input type="file" name="" class="input-despesas">
                            <label for="observacao">Observação</label>
                            <textarea cols="45" rows="20" id="observacao"></textarea class="input-despesas" required >
                        </fieldset>
                    </li>
                </ul>
1 resposta

HTML:

<div class="tabela">
                    <textarea  placeholder="oficina (endereço, telefone, mecanico responçavel, nota de serviço etc), garantia (peças ou serviço) e outros. " cols="45" rows="20" id="observacao"></textarea class="input-despesas" required >

  <textarea  placeholder="oficina (endereço, telefone, mecanico responçavel, nota de serviço etc), garantia (peças ou serviço) e outros. " cols="45" rows="20" id="observacao"></textarea class="input-despesas" required >

  <textarea  placeholder="oficina (endereço, telefone, mecanico responçavel, nota de serviço etc), garantia (peças ou serviço) e outros. " cols="45" rows="20" id="observacao"></textarea class="input-despesas" required >

                      </div>

CSS:

<style>
.tabela {
  display:flex;
  align-items:row;
}
</style>