Alinhar campos de fomulário

Programação
, ,
#1

Pessoal, estou com um projeto de criação de formulário, estou utilizando o Visual Studio, framework Asp Net Core. Estou com problema referente ao alinhamento de campos no formulário do site, já tentei atribuir uma classe a tag e utilizar css, porém não obtive sucesso, poderiam me ajudar?

Código:

<h6 style="padding-left: 10px;padding-right: 10px;margin-bottom: 10px;border: 1px solid #000;">
	(*) Campos com preenchimento obrigatório.
	</h6> <br />
	
	<header>Empresa</header> <br />
	
	<form>
		<p>*Razão Social: <input type="text" name="razao_social" size="90" /></p>
		<p>*Cep: <input type="text" name="razao_social" size="90" /></p>
		<p>*Logradouro: <input type="text" name="razao_social" size="90" /></p>
		<p>*Número: <input type="text" name="razao_social" size="90" /></p>
		<p>Complemento: <input type="text" name="razao_social" size="90" /></p>
		<p>*Bairro: <input type="text" name="razao_social" size="90" /></p>
		<p>*Cidade: <input type="text" name="razao_social" size="90" /></p>
		<p>*UF: <input type="text" name="razao_social" size="90" /></p>
		<p>*Pessoas de Contato: <input type="text" name="razao_social" size="90" /></p>
		<p>*Cargo: <input type="text" name="razao_social" size="90" /></p>
		<p>*Telefone Fixo: <input type="text" name="razao_social" size="90" /></p>
		<p>*Telefone Celular: <input type="text" name="razao_social" size="90" /></p>
		<p>*E-mail: <input type="text" name="razao_social" size="90" /></p>
		<p>Homepage: <input type="text" name="razao_social" size="90" /></p>
	</form>
	
	<br />
	<a href="/Home/Index1" target="_top">Avançar</a>
#2

Fala ai @Rosmano blz? Cara nao seguindo as recomendações das novas tecnologias estilo tableless e outras mais uma saida seria utilizar tabela, visto que estou dando essa idéia podendo ser hostilizado por algum Designer de plantão :smiley:

<h6 style="padding-left: 10px;padding-right: 10px;margin-bottom: 10px;border: 1px solid #000;">
	(*) Campos com preenchimento obrigatório.
	</h6> <br />
	
	<header>Empresa</header> <br />
	
	<form>
	<table border="0">
	<tr>
		<td>*Razão Social:</td><td><input type="text" name="razao_social" size="90" /></td>
	</tr>	
	<tr>
		<td>*Cep:</td><td><input type="text" name="razao_social" size="90" /></td>
	</tr>
	<tr>
		<td>*Logradouro:</td><td><input type="text" name="razao_social" size="90" /></td>
	</tr>
	<tr>
		<td>*Número:</td><td><input type="text" name="razao_social" size="90" /></td>
	</tr>
	<tr>
		<td>Complemento:</td><td><input type="text" name="razao_social" size="90" /></td>
	</tr>
	<tr>
		<td>*Bairro:</td><td><input type="text" name="razao_social" size="90" /></td>
	</tr>
	<tr>
		<td>*Cidade:</td><td><input type="text" name="razao_social" size="90" /></td>
	</tr>
	<tr>
		<td>*UF:</td><td><input type="text" name="razao_social" size="90" /></td>
	</tr>
	<tr>
		<td>*Pessoas de Contato:</td><td><input type="text" name="razao_social" size="90" /></td>
	</tr>	
	<tr>
		<td>*Cargo:</td><td><input type="text" name="razao_social" size="90" /></td>
	</tr>	
	<tr>
		<td>*Telefone Fixo:</td><td><input type="text" name="razao_social" size="90" /></td>
	</tr>	
	<tr>
		<td>*Telefone Celular:</td><td><input type="text" name="razao_social" size="90" /></td>
	</tr>
	<tr>
		<td>*E-mail:</td><td><input type="text" name="razao_social" size="90" /></td>
	</tr>
	<tr>
		<td>Homepage:</td><td><input type="text" name="razao_social" size="90" /></td>
	</tr>	
	</form>
	
	<br />
	<a href="/Home/Index1" target="_top">Avançar</a>

Acredito que resolva seu problema de imediato, caso alguém se disponha a melhorar, com certeza existem maneiras mais rebuscadas de se resolver. Deixo minha contribuição inicial.
Abraços
Max

1 curtida