title: <li>-element in same line as previous text
body: <p>I am working on a HTML logfile where it should be possible to collapse specific items (such as exceptions). Therefore I use an unorderd list with some li elements. Unfortunately I can't display the first li element inline with the previous text (the timestamp in my example):</p>
  
  <p><a href="https://i.stack.imgur.com/HQy8C.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/HQy8C.png" alt="enter image description here"></a></p>
  
  <p>I have uploaded a JSFiddle for this: <a href="https://jsfiddle.net/rs358vw8/" rel="nofollow noreferrer">https://jsfiddle.net/rs358vw8/</a></p>
  
  <pre><code>&lt;div class="debug"&gt;
      &lt;span class="timestamp"&gt;[09:33:04.137] &lt;/span&gt;
      &lt;span class="message"&gt;
          &lt;ul class="tree"&gt;
              &lt;li&gt;&lt;a href="#" class="exception"&gt;Exception message&lt;/a&gt;
                  &lt;ul&gt;
                      &lt;li&gt;&lt;a href="#" class="exception"&gt;Innereception&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="#" class="exception"&gt;Stacktrace&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="#" class="exception"&gt;Bla&lt;/a&gt;&lt;/li&gt;
                  &lt;/ul&gt;
              &lt;/li&gt;
          &lt;/ul&gt;
      &lt;/span&gt;
      &lt;br&gt;        
  &lt;/div&gt;
  </code></pre>
  
  <p>How can I display the first li element inline with my timestamp / text?</p>