CSS | Liste ol avec numéros en gras

Apres plusieurs minutes de cassage de tete et avec l’aide de l’internet, j’ai accouché, voici comment faire des listes avec les numéros en caractères gras en CSS, et rien qu’en CSS. Bisous.

Dans votre feuille de style :

ol {
	margin-right: 1.5em;
  	counter-reset:item;
	}
ol>li {
	padding-left: 2em;
	text-indent:-2em;
	list-style-type:none;
	counter-increment:item;
	}
ol>li:before {
  	display:inline-block;
 	width:1.5em;
 	padding-right:0.5em;
	font-style: italic;
 	font-weight:bold;
  	text-align:right;
  	content:counter(item) ".";
	}

Donne :

  1. Se lever
  2. Faire pipi
  3. Allumer PC
  4. Faire chauffer café
  5. Se loguer sur le PC
  6. Prendre café
  7. Matter du porn