Input Justificado

24/01/2018

0

Olá, boa tarde.
Sou novo aqui. Gostaria de uma ajudara. Estou começando em html agora.
Meu professor passou uma tarefa e não estou conseguindo realizar.
**Eu preciso colocar todos os "inputs" justificados e sem sobrepor ou mover os "Labels".
Segue a tag abaixo que eu tenho.

<!DOCTYPE html>
<html>
<head>
<style>
#tarefa{
width: 600px;
height: 30px;
border: 2px solid #000000;
display: flex;
justify-content: flex-start;
}

#tarefa input{
width: 100px;
height: 15px;
}
</style>
</head>

<body>
<h1>Tarefa II...</h1>

<div id="tarefa">
<label for="input1">Input1:</label>
<input type="text" name="tInput1" id="input1" size="15"/>
<label for="input2">Input2:</label>
<input type="text" name="tInput2" id="input2" size="15"/>
<label for="input3">Input3:</label>
<input type="text" name="tInput3" id="input3" size="15"/>
</div>
</body>
</html>
Renildo Antônio

Renildo Antônio

Responder

Que tal ter acesso a um e-book gratuito que vai te ajudar muito nesse momento decisivo?

Ver ebook

Recomendado pra quem ainda não iniciou o estudos.

Eu quero
Ver ebook

Recomendado para quem está passando por dificuldades nessa etapa inicial

Eu quero

Utilizamos cookies para fornecer uma melhor experiência para nossos usuários, consulte nossa política de privacidade.

Aceitar