Sélection de la langue

Recherche

Page de contenu

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

Lien

  1. liste ordonnée (ol) - niveau 1
  2. liste ordonnée (ol) - niveau 1
    1. liste ordonnée (ol) - niveau 2
    2. liste ordonnée (ol) - niveau 2
      1. liste ordonnée (ol) - niveau 3
      2. liste ordonnée (ol) - niveau 3
Légende de table
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"

footer cite

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.

Lien

[Appel à l'action]

<p><a class="btn btn-call-to-action" href="#">[Appel à l'action]</a></p>

Bouton

<button class="btn btn-call-to-action" type="button">[Appel à l'action]</button>
Signaler un problème sur cette page
Veuillez cocher toutes les réponses pertinentes :

Merci de votre aide!

Vous ne recevrez pas de réponse. Pour toute question, s’il vous plaît contactez-nous.

Date de modification :