Расположение модулей в joomle3 - Joomla 3.x: Установка, обновление и настройка

Добрый вечер! не могли б помочь:
не могу понять как добавить модуль, точнее они выводятся только вертикально не горизонтально
в index написала код:
</div>
<jdoc:include type="modules" name="position-1"/>
</main>
  </div>
<jdoc:include type="modules" name="Position: position-12 [ Style: none outline]"/>
</main>
</div>
<jdoc:include type="modules"  name="Position: position-6 [ Style: beezDivision outline]"/>
</main>
</div>
<jdoc:include id="modules" type="modules"  name="Position: position-4 [ Style: beezHide] "/>
</main>
</div>
<jdoc:include type="modules"  name="Position: position-5 [ Style: beezTabs outline] "/>
</main>

в templateDetails.xml тож прописала
<position>position-0</position>
        <position>position-1</position>
        <position>position-2</position>
        <position>position-3</position>
      <position>position-4</position>
      <position>position-5</position>
        <position>Position: position-12 [ Style: none outline]</position>
      <position>Position: Position: position-6 [ Style: beezDivision outline]</position>
 
итог все вышли в одну линию
поняла что надо еще код прописать в CSS, а что писать понятия не имею
мне необходимо чтоб 
<position>position-4</position>
      <position>position-5</position>
БЫли СЛЕВА
<position>Position: position-12 [ Style: none outline]</position>
      <position>Position: Position: position-6 [ Style: beezDivision outline]</position>
БЫЛИ ПО ЦЕНТРУ

 <position>position-3</position>
БЫЛ С ПРАВА
Как писать понятия не имею, уже голова закружилась, и запуталась совсем((

Вам нужно почитать основы HTML и CSS. Или скачать готовый шаблон.
По другому тут никак.

Для того чтобы блоки расположились горизонтально, им нужно добавить свойство float, и разместить в контейнере/обертке. Или использовать CSS display: flex для контейнера .

Так в index.php одни закрывающие теги </main> и </div>. Как их там выровняешь? Начать нужно оттуда.

если в шаблоне уже существуют модули в указанных позициях ( например слева и справа) их можно копировать.
если нет - то только ручками пропсывать в шаблон.
корявый вариант есть еще: модуль можно вывести в материал.

ну или можно использовать готовый шаблон helixultimate , там есть все.