Une visiteuse me demande des renseignements sur un de mes montages avec ascenseur; je voudrais en profiter pour faire un petit point sur quelques possibilités de présentation des paragraphes...pour m'amuser et peut-être inciter certain(e)s à s'y lancer.

En html, tout paragraphe commence par <p> votre texte et se termine par </p>

ce qui donne ceci, c'est à dire un texte non encadré.

Pour ajouter des indications particulières à ce paragraphe, il faut lui ajouter des attributs, dans l'ordre qui vous convient sous la forme: <p style="...;">votre article</p>
Les premières indications pourront  être les dimensions pour être sûr de sa présentation de son article.

<p style=" width: 600px; border: 2px solid blue;">votre texte</p>
indication de la largeur du paragraphe et du type de bordure: épaisseur, type, couleur.
Lorsque la hauteur n'est pas indiquée, le paragraphe s'adapte tout seul, comme un grand !
La largeur par défaut sera celle de votre page.

<p style=" width: 600px; height:60px; border: 2px solid blue; background-color: yellow;">votre texte</p>
indication de la largeur du paragraphe, sa hauteur, du type de bordure: épaisseur, type, couleur et couleur du fond (yellow=jaune).

<p style=" width: 600px; border: 2px solid blue; background-color: yellow; text-align:center; padding: 5px 5px 5px 5px;">votre texte</p>
indication de la largeur du paragraphe et du type de bordure: épaisseur, type, couleur, couleur de fond, centrage du texte et un texte qui devra rester à 5px des bords.

<p style=" width: 600px; border: 2px solid blue; background-color: yellow; text-align:center; margin: 5px 0px 0px 20px; ">votre texte</p>
indication de la largeur du paragraphe et du type de bordure: épaisseur, type, couleur, couleur de fond, centrage du texte et positionnement dans la page.

<p style=" width: 600px; border: 2px solid blue; background-color: yellow; text-align:center; margin: 5px 0px 0px 20px; box-shadow: 3px 3px 5px black; ">votre texte</p>
indication de la largeur du paragraphe et du type de bordure: épaisseur, type, couleur, couleur de fond, centrage du texte,   positionnement dans la page et ombre sur le paragraphe. 

Nous avons maintenant l'enveloppe de notre paragraphe; nous allons y mettre du mouvement !
le code:  <marquee direction="down" scrollamount="3" onmouseout="this.start()" onmouseover="this.stop()"> votre texte qui défilera, dans ce cas, de haut en bas: direction="down", avec une vitesse réglage: scrollamount="3"  et un arrêt du défilement au survol: onmouseout="this.start{}"...

le code qui devrait inéresser au moins une visiteuse !
<p style="width: 600px; height: 100px; border: 2px solid blue; background-color: yellow; text-align: center; margin: 5px 0px 10px 20px; box-shadow: 3px 3px 5px black; overflow: auto;"><img src="http://...gif"></p>
overflow: auto permet de mettre un ascenseur lorsque le paragraphe n'est pas assez grand pour afficher la totalité de l'article.