Básicamente, tomarías este código y lo pondrías en mi código como un reemplazo para la etiqueta <h2> y su contenido. Pero te sugeriría que refinaras y adaptaras este código a tus necesidades, no que simplemente lo copiaras y pegaras.
En cuanto a tener la lista de elementos en línea en lugar de uno encima del otro, hay muchas formas de CSS para hacerlo… Muchas de ellas son bastante sencillas, pero entonces nos salimos un poco del alcance de la ayuda que brindamos aquí. Vea esta explicación:
En este tipo de casos sobre cosas generales de HTML y CSS, no directamente relacionadas con Discourse, puede encontrar información aquí: Making custom CSS changes on your site
Y prácticamente en cualquier lugar de Internet. Por ejemplo: https://www.google.com/search?q=css+make+list+element+inline
Dicho esto, ¿cuáles son tus habilidades actuales con HTML y CSS?
Saber un poco más sobre esto ayudaría a escribir respuestas más personalizadas. 