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

Laisser un commentaire

Votre adresse de messagerie ne sera jamais publiée, ou utilisée à des fins commerciales. Les champs obligatoires sont indiqués avec des *.

Vous pouvez utiliser les balises de mise en forme