Se está limitado a não usar CSS, o que poderia fazer é usar um paragrafo só e separar com uma quebra de linha simples.
Assim:
<p>primeiro parágrafo<br>segundo parágrafo</p>
Resultado:
primeiro parágrafo
segundo parágrafo
Em contra partida, usando CSS, temos o seguinte: Todo o browser adiciona regras de estilo próprias aos elementos comuns. O Google Chrome, por exemplo, define essas regras:
p {
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
}
Já o Firefox faz assim:
p {
margin-top: 16px;
margin-bottom: 16px;
}
Visualmente o efeito é o mesmo: adicionar uma margem ao elemento <p>
. A forma mais simples e melhor portável entre diferentes browsers é usar o normalize.css
. Ele contém regras para desfazer as regras padrões de todos os browser e deixar o estilo único. Use assim:
<link rel="stylesheet" href="http://necolas.github.io/normalize.css/3.0.1/normalize.css">
Alternativamente você pode zerar todas as formas de margem do elemento com essa regra:
<style>
p {
margin: 0;
}
</style>
Ou aplicada assim:
<p style="margin: 0;">primeiro parágrafo</p>
<p style="margin: 0;">segundo parágrafo</p>