Je reprends ici le texte de Franck Paul. Il s'agit d'un essai. Que les experts ès-css me disent ce qu'ils pensent de ma manière de traiter le différentes balises issues d'un billet dotclear (écrit en wiki).

Merci.

Regroupement dans ce billet des principales balises d'enrichissement. Elles sont présentées avec du faux texte. C'est une très ancienne tradition en vigueur dans l'imprimerie. Ce faux texte a ici été généré par un site dont je vous donne le lien (ipsum generator), ce qui me permet du même coup de montrer la présentation des liens dans les billets. Le texte a été saisi en wiki, wiki2xhtml se chargeant ensuite de la conversion en HTML.

Titre de niveau h3

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed scelerisque euismod leo. Donec magna (balise <strong>). Integer mollis nonummy magna. Donec tristique lorem a pede. Nunc scelerisque sodales justo. Phasellus tempus eros. Praesent feugiat, mauris at malesuada blandit, justo nisl dignissim tortor, a ornare sem nulla in ante. Integer elit orci, tempor eu, rhoncus ut, tristique eu, tellus. Sed eget lorem. (<em>) Sed sodales, purus et luctus adipiscing, orci nulla scelerisque orci, at lobortis ante sapien vitae felis. Aenean varius tempor ipsum. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Cras malesuada commodo leo. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.

Etiam mollis, nunc vitae dignissim cursus, velit odio sollicitudin mi, ut sollicitudin turpis elit eu elit. (<q>)

Titre de niveau h4

Vestibulum ultrices purus id odio. Duis nec erat ornare dolor pellentesque gravida. Pellentesque turpis. Cras non mauris. Donec pede leo, eleifend non, imperdiet non, interdum ut, diam. Vestibulum porta. Nulla interdum wisi non neque. Ut sollicitudin blandit sem. Etiam risus diam, elementum id, vehicula eget, consectetuer ac, quam. Cras sapien.

Morbi sed erat. Maecenas rutrum nunc a erat. Nam libero nunc, mattis eget, pellentesque nec, molestie in, wisi. Phasellus rutrum neque nec eros. Donec lectus lacus, lacinia in, lacinia non, semper eget, lectus. In hac habitasse platea dictumst. (<blockquote>)

In velit. Suspendisse potenti. In accumsan, odio id commodo consectetuer, libero nulla feugiat nisl, eget tincidunt metus quam non justo. Praesent tellus. Integer aliquam. Duis pulvinar lectus ac nibh auctor pharetra. In eleifend. Donec rhoncus erat quis mi. Aenean leo ante, adipiscing venenatis, mattis ut, volutpat nec, sapien. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae.

Titre de niveau h5

Curabitur aliquet arcu non nulla. Phasellus dictum enim sed odi :

Integer molestie faucibus felis. Nam volutpat commodo dolor. Cras viverra. Cras euismod odio et massa commodo vehicula. Etiam eget tellus. Etiam tempus sapien sit amet nulla. Sed euismod, metus eu condimentum ornare, nunc dui malesuada wisi, et tempor nisl ante vel nisl. Praesent sit amet libero ut wisi tincidunt eleifend. (<pre>)

Aenean mauris. Ut egestas cursus massa. Fusce venenatis tellus nec augue dapibus aliquam. Ut ac lorem.

Morbi eget purus. Integer tempor consectetuer risus :

• Nulla viverra lorem a metus. Aliquam aliquet wisi nec orci.
• Nullam sodales, lacus sed semper hendrerit, orci elit scelerisque enim, quis egestas urna felis eget risus.
  • Cras wisi sapien
  • dictum id,
  • fringilla ut,
  • gravida sed, mi
• Nulla viverra lorem a metus. Aliquam aliquet wisi nec orci.
• Nullam sodales, lacus sed semper hendrerit, orci elit scelerisque enim, quis egestas urna felis eget risus.
• Vivamus mollis. (<ul><li>)

Vivamus risus. Maecenas eros arcu, dictum ut, euismod et, dictum id, tellus. Etiam nonummy vestibulum mi. Donec leo dui, congue et, rhoncus eu, accumsan eu, arcu. Morbi id enim vel elit varius cursus.

1. Nulla viverra lorem a metus. Aliquam aliquet wisi nec orci.
2. Nullam sodales, lacus sed semper hendrerit, orci elit scelerisque enim, quis egestas urna felis eget risus.
   1. Cras wisi sapien
   2. dictum id,
   3. fringilla ut,
   4. gravida sed, mi
3. Nulla viverra lorem a metus. Aliquam aliquet wisi nec orci.
4. Nullam sodales, lacus sed semper hendrerit, orci elit scelerisque enim, quis egestas urna felis eget risus.
5. Vivamus mollis. (<ol><li>)

Pellentesque condimentum nisl vitae sapien. Phasellus convallis leo id tortor. In eu felis in neque placerat auctor. Phasellus in mi at wisi congue ultrices. Etiam viverra. In vel sem sed augue dignissim aliquet. Integer nisl quam, vestibulum nec, consectetuer eu, sodales at, ligula. Pellentesque habitant morbi tristique senectus^[1] et netus et malesuada fames ac turpis.