Spice Boy

Galera, to com uma duvida muito tosca... Acho que vou apanhar aqui, mas ta valendo XD

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!

Oi pessoal,
Estou com uma duvida um pouco "complicada" no wordpress, mas é basicamente css.

Eu fiz os posts usando o "WP Post Formats" é deu tudo certo, eu fiz com que cada formato ficasse de um tamanho (height) diferente, e deu certo.

Sendo que eu não sei como fazer os posts se "encaixarem" um em baixo do outro, vi um site wordpress que fez isso que eu estou tentando fazer, segue o print:

http://kdesigner.com.br/print2.jpg

Como vocês podem ver no print cada noticia é um "WP Post Formats" diferente, isso ai eu consegui fazer no meu tema, porem não ficam um em baixo do outro de forma "encaixada", como fica ai no print desse site.

Segue o print do meu: http://kdesigner.com.br/printcaio.jpg

entenderam? O meu não fica "encaixado" um em baixo do outro, ficam como se o espaço do bottom fosse padrão (tipo isso saca)

alguém sabe como resolver?

OBRIGADOOOO!!!