Positionnement de bloc média

Feuille emblématique de Dotclear, oct. 2022
Feuille emblématique de Dotclear

En vue d’utiliser des classes plutôt que des styles inline comme depuis l’origine :

.media-center {
    display: grid;
    place-items: center;
}

.media-left {
    float: inline-start;
    margin-inline-end: 1em;
    margin-block-end: 1em;
}

.media-right {
    float: inline-end;
    margin-inline-start: 1em;
    margin-block-end: 1em;
}

L’avantage d’utiliser les déclinaisons d’attributs et de valeurs …-start et …-end est que ces classes sont indépendantes du sens d’écriture.

À noter : ces classes devront être utilisées au bloc englobant le média (à moins que celui-ci ne soit déjà un bloc comme figure, …).

Ajouter un commentaire

Les champs suivis d'un * sont obligatoires

Les commentaires peuvent être formatés en utilisant la syntaxe Markdown Extra.

Ajouter un rétrolien

URL de rétrolien : https://open-time.net/trackback/15720

Haut de page