Как позиционировать элементы по кругу?
если кроме кнопки "пройти тест", все остальное не кликабельное, то просто вставьте картинкой и не морочьте себе голову, а противном случае positon: absolute; и выставляйте...
Создаете родительский блок, вокруг которого будут несколько дочерних:<div class="content_wrap">
    <div class="content_box">
         <i></i>
         <span>Признание</span>
     </div>
<div class="content_box">
         <i></i>
         <span>Отношение</span>
     </div>
</div>
<div class="content_box">
         <i></i>
         <span>Самосовершенствование</span>
</div>
и т.д.
Родительскому - position: relative
Дочерним - position: absolute и вертите их и переставляйте как вам надо
Внутри дочерних у вас идет иконка и текст. Делаете внутренности блочными элементами, выравнивайте по центру и они сами встанут куда надо