UL class="gkBullet2" not work correctly

The site has a page - [url]http://норматеста.рф/blagoustrojstvo.html[/url]
A partial code of the page -

Code: Select all

<div style="float: left; margin: 0 15px 5px 0;" data-spotlight="effect:bottom;"><a data-lightbox="transitionIn:elastic;transitionOut:elastic;" href="images/blago/dsc04692.jpg"> <img src="images/blago/dsc04692.jpg" border="0" alt="Содержание территории" title="Музей - Усадьба &quot;Архангельское&quot;" width="250" height="332" /></a>
<div class="overlay">Custom Overlay</div>
</div>
<p style="text-align: justify;"><strong>Благоустройство территории</strong> представляет собой широкий спектр мероприятий, направленных на создание на определенном участке ухоженной, эстетически привлекательной и грамотно организованной с точки зрения ландшафтного дизайна зоны комфорта и отдыха. Сегодня <strong>благоустройство территории</strong> – это сложный комплекс работ, требующий профессионального подхода таких специалистов, как строители, архитекторы, экологи, фитодизайнеры и др.</p>
<p style="text-align: justify;">Элементами благоустройства территорий являются:</p>
<ul class="gkBullet2" style="text-align: justify;">
<li>газоны и участки с зелеными насаждениями, цветники, рабатки, деревья и кустарники</li>
<li>дорожки и тропинки, позволяющие удобно и аккуратно перемещаться по территории</li>
<li>водоемы – искусственные пруды, фонтаны, бассейны, аквариумы, каналы и другие элементы, в основе которых  вода</li>
<li>малые архитектурные формы – беседки, скамейки, детские городки, оградки и другие элементы садовой архитектуры</li>
</ul>

Look at the original page. Bullets that match the list class = "gkBullet2", located under the picture of the article.
How to make bullets of the list next to the text??

Try change this in override.css

Code: Select all

ul.gkBullet1, ul.gkBullet2, ul.gkBullet3, ul.gkBullet4, ul.gkCircle1, ul.gkCircle2, ul.gkSquare1, ul.gkSquare2, ul.gkSquare3 {
    margin: 1em 0;
    padding: 0;
}


to this

Code: Select all

ul.gkBullet1, ul.gkBullet2, ul.gkBullet3, ul.gkBullet4, ul.gkCircle1, ul.gkCircle2, ul.gkSquare1, ul.gkSquare2, ul.gkSquare3 {
    margin: 1em 0;
    padding: 0;
    float:left;
}


Thank you. The list is left-aligned. Now the distance between the paragraph and the list is great. How to reduce ?

The paragraphs are mixed up, and a list of departures under the picture. The text is incorrect. What should I do?

How would you like to have them ?

[url]http://норматеста.рф/blagoustrojstvo.html[/url]
Look at the screenshot. I have painted, which should be a list. If you move your alignment, the list gets up to take his place, but don't see the bullets design .

norma.png

In the editor, a full order. All in their seats.