html positioning - text overlapping other text
<p>In order to get what I want do I need to make another ul element or is it possible to do it with one?</p>

<p>Code is below:</p>

<p>HTML</p>

<pre><code>&lt;body&gt;
    &lt;p&gt;
        &lt;b&gt;text&lt;/b&gt;text&lt;br /&gt; 
        &lt;b&gt;text&lt;/b&gt;text&lt;br /&gt;               
        &lt;b&gt;text&lt;/b&gt;text&lt;br /&gt; 
        &lt;b&gt;text&lt;/b&gt;
    &lt;/p&gt;
    &lt;ul&gt;
        &lt;li&gt;text&lt;/li&gt;
        &lt;li&gt;text&lt;/li&gt;
        &lt;li&gt;text&lt;/li&gt;
   &lt;/ul&gt;
   &lt;p&gt;
       &lt;b&gt;text&lt;/b&gt;text&lt;br /&gt; 
       &lt;b&gt;text&lt;/b&gt;text&lt;br /&gt;                
       &lt;b&gt;text&lt;/b&gt;text&lt;br /&gt; 
       &lt;b&gt;text&lt;/b&gt;
   &lt;/p&gt;
   &lt;ul&gt;
       &lt;li&gt;text&lt;/li&gt;
       &lt;li&gt;text&lt;/li&gt;
   &lt;/ul&gt;
&lt;/body&gt;
</code></pre>