[Resolvido] Formulário - Alinhamento
Olá pessoal!
Estou produzindo um formulário e estou encontrando dificuldades em ajustar o layout com css.
HTML:
<div class="questoes">
<h3>Material pemanente:</h3>
<ul>
<li>A quantidade corresponde a necessidade?
<select>
<option selected></option><option>SIM</option><option>NÃO</option>
</select><br />
</li>
<li class="listaColorida">Qualidade dos produtos
<select>
<option selected></option><option>Ruim</option><option>Regular</option><option>Bom</option><option>Ótimo</option>
</select><br />
</li>
<li>Variedade dos produtos
<select>
<option selected></option><option>Ruim</option><option>Regular</option><option>Bom</option><option>Ótimo</option>
</select><br />
</li>
</ul>
</div>
CSS:
select{
text-align: right;
width: 80px;
}
.questoes{
border: 1px solid;
margin: 25px;
width: 40%;
float: left;
padding-bottom: -15px;
}
.questoes li{
text-align: left;
list-style-type: none;
margin-left: -40px;
margin-bottom: 5px;
padding-left: 5px;
}
.listaColorida{
background-color: silver;
}
Gostaria de alinhar os select de cada linha para direita, mantendo o texto na esquerda, e eliminar o espaçamento abaixo da última linha.
Alguém pode me ajudar?
Discussão (5)
Carregando comentários...