Input Justificado

24/01/2018

2

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>
Responder

Utilizamos cookies para fornecer uma melhor experiência para nossos usuários. Para saber mais sobre o uso de cookies,
consulte nossa política de privacidade. Ao continuar navegando em nosso site, você concorda com a nossa política.

Aceitar