added fragments + conf

docs/dev/fragments/css/01-centrer.md

@@ -0,0 +1,59 @@
+# Centrer des éléments
+
+Il existe plusieurs méthodes permettant de centrer des éléments en CSS. L'utilisation de l'une ou de l'autre dépend généralement du contexte dans lequel se trouve l'élément à centrer.
+
+## Description
+
+Il est possible de centrer horizontalement et verticalement. À la fois dans toute la page ou dans une zone de contenu définie.
+
+## Exemples
+
+### Centrer du texte
+
+```CSS
+p {
+	text-align: center;
+}
+```
+
+### Centrer horizontalement un élément dont la largeur est restreinte
+
+```CSS
+.container {
+	max-inline-size: 60ch;
+	margin-inline: auto;
+}
+```
+
+### Centrer horizontalement le contenu d'un élément
+
+```CSS
+.container {
+	display: flex; /* ou grid */
+	justify-content: center;
+}
+```
+
+### Centrer verticalement le contenu d'un élément
+
+```CSS
+.container {
+	display: flex; /* ou grid */
+	align-items: center;
+}
+```
+
+### Centrer horizontalement et verticalement le contenu d'un élément
+
+```CSS
+.container {
+	display: flex;
+	align-items: center;
+	justify-content: center;
+}
+/* OU */
+.container {
+	display: grid;
+	place-content: center;
+}
+```