Essentiellement, vous prendriez ce code et le mettriez dans mon code en remplacement de la balise <h2> et de son contenu. Mais je vous suggérerais d’affiner et d’adapter ce code à vos besoins, pas seulement de le copier-coller.
Quant à avoir la liste d’éléments en ligne au lieu d’une sur l’autre, il existe de nombreuses façons CSS de le faire… Beaucoup d’entre elles sont assez simples, mais nous sortons alors un peu du cadre de l’aide que nous fournissons ici. Voir cette explication :
Dans ce genre de cas concernant des choses HTML et CSS générales, non directement liées à Discourse, vous pouvez trouver des informations ici : Making custom CSS changes on your site
Et à peu près n’importe où sur Internet. Par exemple :
Google Search
Cela dit, quelles sont vos compétences actuelles en HTML et CSS ?
En savoir un peu plus à ce sujet aiderait à formuler des réponses plus personnalisées. 