css alinhamento

[brunobrobr 2]

galera presciso da ajuda de vocês fiz um outro topico so que ninguem me ajudou bom e o seguinte, meu formulario esta mais ou menos assim:

 

nome (________) email (_______)

telefone (_______) assunto (_____)

menssagen(______)

(enviar)

bom so que os nomes nao estão alinhados com os campos nem na horizontal e nem na vertial

quero que fique assim:

nome (________) email (_______)

telefone (________) assunto (_______)

menssagen (________) (enviar)

 

meu codigo css esta assim:

/* INICIO DO CSS DO FORMULARIO*/
.formulario_texto {
	text-align:left;
	color:#999;
	float:left;
	
	
}
.formulario_label {
	text-align:left;
	margin: 20px;
	border-radius:10px;
	color:#009;
	width:350px;
	display:inline-block;
	float:left;
	height: 50px;
	font-size:25px;
}
.formulario_label_textarea {
	height:110px;
	width:350px;
	display:block;
	border-radius:10px;
	text-align:left;
	margin: 20px;
}
		
		
 /* terminando formulario de contato */

[sirshady 2]

brunobrobr,

 

Eu fiz um teste aqui e funcionou, acredito que seja o jeito que está querendo. Acrescenta um display: inline-block

#form ul li {
  margin: 20px 0;
  list-style: none;
  position: relative;
  clear: both;
  display: inline-block;
}

E você pode acrescentar, se desejar, "trazer" o submit um pouco mais pra cima(dependendo da posição que você deseja).

#form input[type='submit'] {
  position: relative;
  top: -40px;
}

Tenta ai e ver se é isso mesmo.

Abraços!

[victorqueiroz 34]

Brunobrobr, use tabela para alinhar os campos input

[Marlon Pacheco 132]

Tabelas não devem ser usadas para layout.

Seria algo +ou- assim:

http://codepen.io/marlonlp/pen/tIKBH

[victorqueiroz 34]

tabelas não devem ser usadas para sites responsivos, para um site que não é responsivo pode-se usar normalmente!

[Marlon Pacheco 132]

http://revolucao.etc.br/archives/semantica-de-tabelas/

http://www.plasmadesign.com.br/stupidtables/

http://fabioortiz.wordpress.com/2012/05/29/layouts-com-tabelas-estupidez-e-falta-de-profissionalismo/

http://www.w3.org/TR/html5/tabular-data.html#the-table-element