title: How can I add a second line of text within an <li> tag?
body: <p>I am using the wonderful Slickmap template to start creating a tree for a friend but cannot work out how to have multiple lines of text within the same <code>&lt;li&gt;</code> tag. Basically the first 5 items should be within the same box and then the last two in separate boxes. I've tried all variants of <code>&lt;br&gt;</code> I can think of including adding a <code>&amp;nbsp;</code> after the <code>&lt;br&gt;</code> but nothing seems to work. Is it possible and if so how?</p>
  
  <pre><code>&lt;ul&gt;
      &lt;li&gt;&lt;a href="/acceptance"&gt;Acceptance&lt;/a&gt;&lt;/br&gt;
      &lt;a href="/IPC-DRM-PTH"&gt;IPC-DRM-PTH&lt;/a&gt;&lt;/br&gt;
      &lt;a href="/IPC-A-610"&gt;IPC-A-610&lt;/a&gt;&lt;/br&gt;
      &lt;a href="/IPC-9191"&gt;IPC-9191&lt;/a&gt;&lt;/br&gt;
      &lt;a href="/IPC-DRM-SMT"&gt;IPC-DRM-SMT&lt;/a&gt;&lt;/br&gt;
      &lt;a href="/Posters"&gt;Posters&lt;/a&gt;&lt;/br&gt;
      &lt;/li&gt;
      &lt;li&gt;&lt;a href="/mission"&gt;Mission Statement&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="/principals"&gt;Principals&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p><a href="http://fieldshypnotherapy.co.uk/SlickmapCSS/index.html" rel="nofollow">Example web page</a></p>