Display: inline-block; fonctionne pas sur des puces

Bonjour,

Voila je rencontre un petit problème avec mon code CSS

Ce que je fais

Je met une id sur mes puces que je veux mettre sur la meme ligne avec la propiete css display inline-block
liens de mon code

Ce que je veux

j'aimerai avoir laugh/dream/marvel at sur la meme ligne
https://codepen.io/Moukil01/pen/eVyOwJ

Ce que j'obtiens

apres avoir mis la propriete csss display inline-block rien ne ce passe
et les 3 puces reste a leurs places
si quelqu'un pourrais me dire ce qui ne va pas dans mon code svp?
je bloque completement je ne comprend absolument pas pourquoi ce ne fonctionne pas.