Basically, you’d take this code and put it in my code as a replacement for the <h2> tag and its content. But I’d suggest you refine and adapt this code to your needs, not just copy-paste it.
As for having the list of elements inline instead of on top of each other, there are many CSS ways to do that… A lot of them are pretty straightforward, but then we fall a bit out of the scope of the help we provide here. See this explanation:
In this kind of case about general, not directly Discourse-related HTML and CSS stuff, you may find information here: Make CSS changes on Your Site
And pretty much anywhere on the internet. For example: https://www.google.com/search?q=css+make+list+element+inline
That said, what are your current skills with HTML with CSS?
Knowing a bit more about this would help to write more tailored replies. 