I get an extra indent with a symbol - how do you fix it?

[emran]

There's a text. After four lines, I get an extra paragraph with a symbol - how to fix this? (The symbol should be extended to this large paragraph).

p:before {
 content: "\f055";
 font-family: FontAwesome;
 margin-right: 10px;
 color: green;
}

<div class="col-md-12">
<p>1 Бла-бла-бла</p>
<p>2 – Бла-бла-бла</p>
<p>3 - Бла-бла-бла</p>
<p>4 – Бла-бла-бла:
<ul><li>раз</li><li>два</li><li>три</li><li>четыре</li><li>пять</li></ul>
продолжение :) </p>
<p>5 – Бла-бла-бла</p>
</div>
Теперь уже за вопрос с примером минусуют?

[Duquan]

Element <p> shall not contain the blank elements. That's what happens before the discovery. <ul> He's closing.