HTML break line not working as needed
<p>I have an application developed with AngularJS. In one of the pages if have something like this:</p>

<pre><code>    &lt;h1 align="left"&gt;Name: &lt;strong&gt;{{View_This_Person.Name}}&lt;/strong&gt;&lt;/h1&gt;

    &lt;div style="width:100%"&gt;
        &lt;table align="left"&gt;
            &lt;tbody style="width:100%"&gt;
                &lt;tr&gt;
                    &lt;td&gt;&lt;font size="5"&gt;Status&lt;/font&gt;&lt;/td&gt;
                    &lt;td&gt;&lt;font size="5"&gt;&amp;nbsp : &amp;nbsp&lt;/font&gt;&lt;/td&gt;
                    &lt;td&gt;&lt;font size="5"&gt;&lt;strong&gt;{{View_This_Person.Status}}&lt;/strong&gt;&lt;/font&gt;&lt;/td&gt;
                &lt;/tr&gt;
                &lt;tr&gt;
                    &lt;td&gt;&lt;font size="5"&gt;Degree&lt;/font&gt;&lt;/td&gt;
                    &lt;td&gt;&lt;font size="5"&gt;&amp;nbsp : &amp;nbsp&lt;/font&gt;&lt;/td&gt;
                    &lt;td&gt;&lt;font size="5"&gt;&lt;strong&gt;{{View_This_Person.Degree}}&lt;/strong&gt;&lt;/font&gt;&lt;/td&gt;
                &lt;/tr&gt;
                &lt;tr&gt;
                    &lt;td&gt;&lt;font size="5"&gt;Address&lt;/font&gt;&lt;/td&gt;
                    &lt;td&gt;&lt;font size="5"&gt;&amp;nbsp : &amp;nbsp&lt;/font&gt;&lt;/td&gt;
                    &lt;td&gt;&lt;font size="5"&gt;&lt;strong&gt;{{View_This_Person.Address}}&lt;/strong&gt;&lt;/font&gt;&lt;/td&gt;
                &lt;/tr&gt;
                &lt;tr&gt;
                    &lt;td&gt;&lt;font size="5"&gt;Phone&lt;/font&gt;&lt;/td&gt;
                    &lt;td&gt;&lt;font size="5"&gt;&amp;nbsp : &amp;nbsp&lt;/font&gt;&lt;/td&gt;
                    &lt;td&gt;&lt;font size="5"&gt;&lt;strong&gt;{{View_This_Person.Phone}}&lt;/strong&gt;&lt;/font&gt;&lt;/td&gt;
                &lt;/tr&gt;
            &lt;/tbody&gt;
        &lt;/table&gt;
    &lt;/div&gt;

    &lt;div ng-repeat="One_Article in Articles_Results.Date track by One_Article.ISBN"&gt;
    ...
    &lt;/div&gt;
</code></pre>

<p>The table with the Status, Degree, etc. takes about half the width of the screen.</p>

<p>My problem is that the next contents generated through the <code>ng-repeat</code> starts at the right of the table instead of below it.</p>

<p>Using <code>&lt;br&gt;</code> just moves the start of the <code>ng-repear</code> one line down, so I would need to put several <code>&lt;br&gt;'s</code> to get it right, which would result in an ugly display since the height of the table is not fixed, and when the user changes with width of the application... well, no need to explain more.</p>

<p>The question is, how do I force the start of the <code>ng-repeat</code> to start <strong>AFTER</strong> the table?</p>

<p>Tried to set an empty div with width of 100% in between and didn't help.</p>

<p>Any ideas?</p>

<p>Thanks!</p>