Lo que ocurre es que el espacio entre párrafos es una medida que cada navegador, inclusive la vista diseño de Dreamweaver, tiene por defecto.
Los aspectos visuales, luego, pueden ser fácilmente manejables mediante el uso de Hojas de Estilo en Cascada, CSS.
En mi ejemplo, a continuación, muestro como la distancia entre párrafos es de 0px, como si no existiese salto de línea alguno; aunque si lo hay:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Lorem ipsum</title>
<style type="text/css" media="all">
p {
margin: 0px 5px 0px 5px;
}
</style>
</head>
<body>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. </p>
<p>Duis pellentesque. Integer porta tristique nunc. </p>
<p>Proin tellus lorem, imperdiet nec, ultricies quis, malesuada id, erat. Sed a est non nisi cursus ultrices. </p>
<p>Duis tempus nibh sit amet enim. Nullam aliquam faucibus lacus. </p>
</body>
</html>
Los valores del margin, para cualquier ulterior ajuste deben tomarse en el siguiente orden: superior - derecho - inferior - izquierda
La muestra, es una forma abreviada de poner, de igual manera:
margin-top:0px;
margin-right:5px;
margin-bottom:0px;
margin-left:5px;
Podés morificar el tercer valor, el que corresponde al margen inferior y ver los cambios.
Por ejemplo, donde dice
margin: 0px 5px 0px 5px;
Podés experimentar con
margin: 0px 5px 25px 5px;
Y ver la forma en que visualmente cambia la presentación.
Saludos!
Daniel Ulczyk
http://ulczyk.blogspot.com
Utilidades para Webmasters
