Eu queria saber como que faço para que os “boxs” fiquem assim como estão(um do lado do outro) porém que o nome fique em cima e o box logo abaixo(que nem o primeiro ‘Titulo de Publicação’). Alguém me explica? Quando eu dou simplesmente um , a caixa vai pra baixar da do titulo de publicação, eu queria que ficasse embaixo do seu respectivo nome. Obrigado por qualquer ajuda.
Segue o código:
<html>
<head></head>
<body>
<b><h3>2) Produção Científica e Tecnológica:</h3></b>
<span>Título da publicação:</span><br>
<input type="text" name="titulo_publicacao">
<span>Extrato Qualis:</span>
<input type="text" name="extrato_qualis">
<span>Ordem Autores:</span>
<input type="text" name="ordem_autores">
<span>Tipo de Publicação:</span>
<input type="text" name="tipo_de_publicacao">
</body>
</html>
Bem, o Wesley já havia respondido o que seria a melhor opção até para organização do que você procura. Aqui está um exemplo do que você poderia fazer. Espero ter ajudado.
pelo amor de Deus, estamos em 2012, nao use tables!!!
<html>
<head></head>
<style>
.field { float: left; padding-right: 20px; }
div.field input { display: block; }
</style>
<body>
<b><h3>2) Produção Científica e Tecnológica:</h3></b>
<div class="field">
Título da publicação:
<input type="text" name="titulo_publicacao">
</div>
<div class="field">
Extrato Qualis:
<input type="text" name="extrato_qualis">
</div>
<div class="field">
Ordem Autores:
<input type="text" name="ordem_autores">
</div>
<div class="field">
Tipo de Publicação:
<input type="text" name="tipo_de_publicacao">
</div>
</body>
</html>
Caso voce for ter varias linhas com campos, que eu acredito que eh o caso, entao vc pode melhorar o seu CSS, por exemplo:
Eu coloquei o exemplo online aqui : http://jsfiddle.net/3ssJp/embedded/result/