Basicamente, você pegaria este código e o colocaria no meu código como substituto para a tag <h2> e seu conteúdo. Mas eu sugiro que você refine e adapte este código às suas necessidades, não apenas copie e cole.
Quanto a ter a lista de elementos em linha em vez de um em cima do outro, existem muitas maneiras de fazer isso com CSS… Muitas delas são bem diretas, mas aí saímos um pouco do escopo da ajuda que fornecemos aqui. Veja esta explicação:
Neste tipo de caso sobre HTML e CSS em geral, não diretamente relacionado ao Discourse, você pode encontrar informações aqui: Making custom CSS changes on your site
E praticamente em qualquer lugar na internet. Por exemplo:
Google Search
Dito isso, quais são suas habilidades atuais com HTML e CSS?
Saber um pouco mais sobre isso ajudaria a escrever respostas mais personalizadas. 