Les types d’affichage (display) — Correction d'exercices

Voici des propositions de solutions en mode console (via readline()). N’hésite pas à les adapter.

#1 — Passage en Bloc

Transforme une balise <span> (normalement inline) en un élément de type block.

Voir le corrigé

span {
    display: block;
}

Permets à des balises <div> d'être côte à côte tout en gardant la possibilité de leur donner une largeur (width).

Voir le corrigé

div {
    display: inline-block;
}

Fais disparaître complètement un élément de la page sans qu'il ne prenne d'espace.

Voir le corrigé

.hidden {
    display: none;
}

Quelle propriété permet de cacher un élément tout en conservant son espace dans le layout ?

Voir le corrigé

.invisible {
    visibility: hidden;
}

Active le mode Flexbox sur un conteneur.

Voir le corrigé

.container {
    display: flex;
}