По сути, вы возьмёте этот код и вставите его в свой код, заменив тег <h2> и его содержимое. Но я бы посоветовал вам доработать и адаптировать этот код под свои нужды, а не просто копировать и вставлять его.
Что касается отображения списка элементов в одну строку вместо вертикального расположения, существует множество способов сделать это с помощью CSS… Многие из них довольно просты, но тогда мы немного выйдем за рамки помощи, которую мы предоставляем здесь. См. это объяснение:
В подобных случаях, касающихся общих, не связанных напрямую с Discourse вопросов HTML и CSS, вы можете найти информацию здесь: Making custom CSS changes on your site
А также практически в любом месте в интернете. Например: https://www.google.com/search?q=css+make+list+element+inline
Тем не менее, каковы ваши текущие навыки работы с HTML и CSS?
Знание этого поможет нам давать более точные ответы. 