Paragraghes sans espaces !

 

Voici un style possédant 2 attributs; margin et padding:

- margin défini l'espace entre le paragraphe et ses voisins

- padding détermine l'espace entre les bordures du paragraphe et son contenu

 

On inscrit dans l'entête la rêgle de style suivante:

<style type="text/css">

p {margin:0;padding:0;}

</style>

 

Ainsi, quand on utilise le conteneur <p> et </p> pour délimiter un paragraphe, aucune ligne vide ne s'insére.

Voici le résultat avec 2 paragraphes:

 

Mon premier paragraphe - Mon premier paragraphe - Mon premier paragraphe - Mon premier paragraphe - Mon premier paragraphe - Mon premier paragraphe - Mon premier paragraphe - Mon premier paragraphe - Mon premier paragraphe - Mon premier paragraphe - Mon premier paragraphe - Mon premier paragraphe - Mon premier paragraphe - Mon premier paragraphe - Mon premier paragraphe - Mon premier paragraphe - Mon premier paragraphe -

Mon second paragraphe - Mon second paragraphe - Mon second paragraphe - Mon second paragraphe - Mon second paragraphe - Mon second paragraphe - Mon second paragraphe - Mon second paragraphe - Mon second paragraphe - Mon second paragraphe - Mon second paragraphe - Mon second paragraphe - Mon second paragraphe - Mon second paragraphe - Mon second paragraphe - Mon second paragraphe - Mon second paragraphe - Mon second paragraphe

 

Les 2 paragraphes ne sont séparés à l'écran que par un saut de ligne. Pour introduire une ligne vide il faut maintenant écrire <p>&nbsp;</p>