Page de contenu fluide
En-tête 2 (h2)
En-tête 3 (h3)
En-tête 4 (h4)
En-tête 5 (h5)
En-tête 6 (h6)
Paragraphe - apparence par défaut
- liste à puces (
ul) - niveau 1- liste à puces (
ul) - niveau 2- liste à puces (
ul) - niveau 3
- liste à puces (
- liste à puces (
- liste ordonnée (
ol) - niveau 1 - liste ordonnée (
ol) - niveau 1- liste ordonnée (
ol) - niveau 2 - liste ordonnée (
ol) - niveau 2- liste ordonnée (
ol) - niveau 3 - liste ordonnée (
ol) - niveau 3
- liste ordonnée (
- liste ordonnée (
En-tête de table (th) |
En-tête de table (th) |
En-tête de table (th) |
En-tête de table (th) |
|---|---|---|---|
Données de table (td) |
Données de table (td) |
Données de table (td) |
Données de table (td) |
Données de table (td) |
Données de table (td) |
Données de table (td) |
Données de table (td) |
Données de table (td) |
Données de table (td) |
Données de table (td) |
Données de table (td) |
"
blockquote"
Section avec une largeur de contenu limitée
Ajouter la classe CSS .cnt-wdth-lmtd à l'élément de section <section class="cnt-wdth-lmtd">...<section> à l'intérieur du contenu principal de votre page. De plus amples renseignements sont disponibles dans la spécification du contenu et de l'architecture de l'information pour Canada.ca.
Exemple de section avec une largeur de contenu limitée
Exemple de texte différent. Exemple de texte différent. Exemple de texte différent. Exemple de texte différent. Exemple de texte différent. Exemple de texte différent. Exemple de texte différent. Exemple de texte différent.
Bouton d'appel à l'action
Ajouter la classe CSS .btn-call-to-action à votre bouton ou lien qui definie l'appel à l'action principal de la page. Par example le bouton ou le lien de lancement d'une page de lancements d'un service. De plus amples renseignements sont disponibles dans la spécification du contenu et de l'architecture de l'information pour Canada.ca.
Bouton
<button class="btn btn-call-to-action" type="button">[Appel à l'action]</button>Détails de la page
- Date de modification :