Titres

Titre H1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam augue eros, ultrices sit amet ex in, luctus mattis sem. Mécène metus elit, convallis at lectus nec, interdum gravida odio. Proin dui turpis, venenatis non eleifend sed, varius at erat. Rutrum énéen, urna ut finibus ultrices, turpis ante vehicula turpis, eget pharetra neque metus in augue.

Titre H2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam augue eros, ultrices sit amet ex in, luctus mattis sem. Mécène metus elit, convallis at lectus nec, interdum gravida odio. Proin dui turpis, venenatis non eleifend sed, varius at erat. Rutrum énéen, urna ut finibus ultrices, turpis ante vehicula turpis, eget pharetra neque metus in augue.

Titre H3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam augue eros, ultrices sit amet ex in, luctus mattis sem. Mécène metus elit, convallis at lectus nec, interdum gravida odio. Proin dui turpis, venenatis non eleifend sed, varius at erat. Rutrum énéen, urna ut finibus ultrices, turpis ante vehicula turpis, eget pharetra neque metus in augue.

Titre H4

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam augue eros, ultrices sit amet ex in, luctus mattis sem. Mécène metus elit, convallis at lectus nec, interdum gravida odio. Proin dui turpis, venenatis non eleifend sed, varius at erat. Rutrum énéen, urna ut finibus ultrices, turpis ante vehicula turpis, eget pharetra neque metus in augue.

Titre H5

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam augue eros, ultrices sit amet ex in, luctus mattis sem. Mécène metus elit, convallis at lectus nec, interdum gravida odio. Proin dui turpis, venenatis non eleifend sed, varius at erat. Rutrum énéen, urna ut finibus ultrices, turpis ante vehicula turpis, eget pharetra neque metus in augue.

Titre H6

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam augue eros, ultrices sit amet ex in, luctus mattis sem. Mécène metus elit, convallis at lectus nec, interdum gravida odio. Proin dui turpis, venenatis non eleifend sed, varius at erat. Rutrum énéen, urna ut finibus ultrices, turpis ante vehicula turpis, eget pharetra neque metus in augue.

image alignée à gauche

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam augue eros, ultrices sit amet ex in, luctus mattis sem. Mécène metus elit, convallis at lectus nec, interdum gravida odio. Proin dui turpis, venenatis non eleifend sed, varius at erat. Rutrum énéen, urna ut finibus ultrices, turpis ante vehicula turpis, eget pharetra neque metus in augue. In est ipsum, faucibus pellentesque suscipit in, porta ac quam. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Ut convallis, lacus quis tincidunt ornare, velit est faucibus nisi, nec dictum sapien nibh eget metus. Donec vel sagittis ex, sit amet pretium lectus. Aliquam erat volutpat. Phasellus ac viverra augue, eget laoreet enim. Duis in odio sed nibh malesuada dapibus non a sem. Phasellus pretium ac dolor efficitur aliquam.Praesent maximus iaculis nibh, vitae tristique nisl scelerisque sit amet. In laoreet mi nec aliquet tempo. Ut en rhoncus lorem, interdum porta ipsum. Nullam euismod libero arcu, a bibendum ex viverra quis. Nam eu congue tortor, à blandit lacus. Entier convallis dapibus felis, in facilisis turpis fringilla ut.

image alignée à droite

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam augue eros, ultrices sit amet ex in, luctus mattis sem. Mécène metus elit, convallis à lectus nca, interdum gravida odio. Proin dui turpis, venenatis non eleifend sed, varius at erat. Rutrum énéen, urna ut finibus ultrices, turpis ante vehicula turpis, eget pharetra neque metus in augue. In est ipsum, faucibus pellentesque suscipit in, porta ac quam. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Ut convallis, lacus quis tincidunt ornare, velit est faucibus nisi, nec dictum sapien nibh eget metus. Donec vel sagittis ex, sit amet pretium lectus. Aliquam erat volutpat. Phasellus ac viverra augue, eget laoreet enim. Duis in odio sed nibh malesuada dapibus non a sem. Phasellus pretium ac dolor efficitur aliquam.Praesent maximus iaculis nibh, vitae tristique nisl scelerisque sit amet. In laoreet mi nec aliquet tempo. Ut en rhoncus lorem, interdum porta ipsum. Nullam euismod libero arcu, a bibendum ex viverra quis. Nam eu congue tortor, à blandit lacus. Entier convallis dapibus felis, in facilisis turpis fringilla ut.

Citation

Lorem ipsum dolor sit amet, consectetur adipiscing elit Mauris non laoreet dui, Morbi lacus massa, euismod ut turpis molestie

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam augue eros, ultrices sit amet ex in, luctus mattis sem. Mécène metus elit, convallis at lectus nec, interdum gravida odio. Proin dui turpis, venenatis non eleifend sed, varius at erat. Rutrum énéen, urna ut finibus ultrices, turpis ante vehicula turpis, eget pharetra neque metus in augue. In est ipsum, faucibus pellentesque suscipit in, porta ac quam.

Liste non ordonnée

• Lorem ipsum dolor sit amet
• Lorem ipsum dolor sit amet
• Lorem ipsum dolor sit amet
• Lorem ipsum dolor sit amet
• Lorem ipsum dolor sit amet

Liste ordonnée

1. Lorem ipsum dolor sit amet
2. Lorem ipsum dolor sit amet
3. Lorem ipsum dolor sit amet
4. Lorem ipsum dolor sit amet
5. Lorem ipsum dolor sit amet

Code

.class:before{ display: block; position: absolute; float:left; display:block; content: "Génial"; } pre, code{ direction: ltr; text-align: left; }

Tableau