Ajuda em html com css

Assuntos Gerais
#1

Olá pessoal, tô aprendendo a mexer com html e css, daí tô fazendo um formulário simples porém estou com um problema aqui na hora de usar o css. Eu chamo o css no codigo html, porém ele só configura uma linha e as demais não. Gostaria de saber o por que disso e como arrumar.

[code]
<head>
<title> Formulário Servidor - NAS </title>
<link rel = stylesheet type = “text/css” href = “formulario_serv.css”>
</head>

<div class = “alinhamento”>
<form>
Nome:<input type=“text” method = “post” name=“Nome” size=“50px”/>
Data do exame:<input type=“text” name=“data” size=“7px” method =“post”/>
Matrícula SIAPE:<input type=“text” name=“matricula” size=“20px”/>

Idade:<input type =“text” method=“post” name=“idade” size=“1px”>
Data de nascimento:<input type=“text” name=“nascimento” size=“7px”>
Sexo: Feminino<input type=“radio” name=“sexo” value=“feminino”> Masculino <input type=“radio” name=“sexo” value=“masculino”>

Cargo: <select name=“cargo”>
<option value=“Tec_Admin”> Técnico Administrador</option>
<option value=“Docente”> Docente</option>
</select>
Tempo de Serviço: <input type=“text” method = “post” name = “Temp_Servi” size=“4px”>
Carga Horária semanal: <input type=“text” method = “post” name = “Carga_H” size=“1px”>

Telefones:<input type=“text” method = “post” name = “telefone” size = “12px”>
<input type=“text” method = “post” name = “telefone” size = “12px”>
<input type=“text” method = “post” name = “telefone” size = “12px”>
</form>
</div> [/code]


E o css

.alinhamento{ font: cambria; font-size: 12pt; margin:5px; text-indent:50px; }

#2

O atributo “text-indent” somente identa a primeira linha de um bloco de texto e a tag BR não conta. Como somente há um bloco, somente a primeira linha fica indentada.

Uma opção seria colocar tags de parágrafo para cada linha. O exemplo a seguir deixa cada campo em uma linha:

[code]<head>
<title> Formulário Servidor - NAS </title>
<link rel = stylesheet type = “text/css” href = “formulario_serv.css”>
</head>

<div class = “alinhamento”>
<form>

Nome:<input type=“text” method = “post” name=“Nome” size=“50px”/>


Data do exame:<input type=“text” name=“data” size=“7px” method =“post”/>


Matrícula SIAPE:<input type=“text” name=“matricula” size=“20px”/>


Idade:<input type =“text” method=“post” name=“idade” size=“1px”>


Data de nascimento:<input type=“text” name=“nascimento” size=“7px”>


Sexo: Feminino<input type=“radio” name=“sexo” value=“feminino”> Masculino <input type=“radio” name=“sexo” value=“masculino”>


Cargo: <select name=“cargo”>
<option value=“Tec_Admin”> Técnico Administrador</option>
<option value=“Docente”> Docente</option>
</select>


Tempo de Serviço: <input type=“text” method = “post” name = “Temp_Servi” size=“4px”>


Carga Horária semanal: <input type=“text” method = “post” name = “Carga_H” size=“1px”>


Telefones:<input type=“text” method = “post” name = “telefone” size = “12px”>
<input type=“text” method = “post” name = “telefone” size = “12px”>
<input type=“text” method = “post” name = “telefone” size = “12px”>


</form>
</div> [/code]

Um jeito mais simples é trocar o atributo de indentação para um de espaçamento no CSS:

.alinhamento{ font: cambria; font-size: 12pt; margin:5px; padding-left:50px; }

#3