In sostanza, prenderesti questo codice e lo inseriresti nel mio codice in sostituzione del tag <h2> e del suo contenuto. Ma ti suggerirei di perfezionare e adattare questo codice alle tue esigenze, non di copiarlo e incollarlo semplicemente.
Per quanto riguarda l’avere l’elenco degli elementi inline invece che uno sopra l’altro, ci sono molti modi in CSS per farlo… Molti di essi sono piuttosto semplici, ma poi usciamo un po’ dall’ambito dell’aiuto che forniamo qui. Vedi questa spiegazione:
In questo tipo di casi riguardanti cose HTML e CSS generali, non direttamente correlate a Discourse, potresti trovare informazioni qui: Making custom CSS changes on your site
E praticamente ovunque su Internet. Ad esempio:
Google Search
Detto questo, quali sono le tue attuali competenze con HTML e CSS?
Sapere un po’ di più su questo aiuterebbe a scrivere risposte più mirate. 