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!