Como que eu faço para colocar o texto em cima do imput?
Ex:

O codigo esta dessa forma, terei que tirar os placeholder e colocar os nomes dos campos em cimas dos imputs:
<form class="cadastro dados-pessoais">
<label for="nome" display="inline">Nome</label>
<input type="text" class="col1" />
<label for="data">Data de Nascimento</label>
<input type="text" class="col3" />
<label for="cpf">CPF</label>
<input type="text" placeholder="CPF" class="col3" />
<input type="text" placeholder="PIS" class="col3 sem-margin" />
<div class="bg-radio-check col2 f-left">
<label>Sexo</label>
<div>
<span>
<input type="radio" name="radiog_dark" id="radio4" class="css-checkbox">
<label for="radio4" class="css-label">Option 1</label>
</span>
<span>
<input type="radio" name="radiog_dark" id="radio5" class="css-checkbox" checked="checked">
<label for="radio5" class="css-label">Option 2</label>
</span>
É se eu fizer do meu jeito, sei que vai estar errado semanticamente, então to pedindo ajuda para não fazer um "codigo sujo".
Se alguem poder me ajudar o mais rapido possivel... Obrigado!










