Я использовал инструмент Jeykll для создания уценки контента в HTMl.

Я хочу сгруппировать перечисленные ниже элементы в элемент div или любой другой пользовательский тег HTML.

Снижены

 #Multiple Axis
    {:.title}
    Different types of data can be visualized in a single chart with the help of 
    {: .description}
    It can be used when we need to compare the trends of different kinds of data.
    {: .description}

HTML-вывод

  <h1 id="multiple-axis" class="title">Multiple Axis</h1>
    <p class="description">Different typ`enter code here`es of data can be visualized in a single chart with the help of</p>
    <p class="description">It can be used when we need to compare the trends of different kinds of data.</p>

Как сгруппировать вышеупомянутую уценку в элемент Div или любой пользовательский тег, подобный этому

<div class="">    
     <h1 id="multiple-axis" class="title">Multiple Axis</h1>
        <p class="description">Different types of data can be visualized in a single chart with the help of</p>
        <p class="description">It can be used when we need to compare the trends of different kinds of data.</p>       
    </div>