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>
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
Curtir tópico
+ 0
Responder
Clique aqui para fazer login e interagir na Comunidade :)