title: Placing content directly into <li> tag
body: <p>I am confused about if this snippet is semantically right:</p>
  
  <pre><code>&lt;ul&gt;
     &lt;li&gt;Winter&lt;/li&gt;
     &lt;li&gt;Summer&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>I do know that <code>&lt;li&gt;</code> tag can contain any tag, both block and inline, but on the example above content is placed directly on the <code>&lt;li&gt;</code> with no other tag refered to what type of content it is.</p>
  
  <p><strong>Is the example above correct?</strong> </p>
  
  <p>Or it is neccesary (or better procedure) to ensure that every content listed has its own tag, in order to ensure its semantic meaning? For example:</p>
  
  <pre><code>&lt;ul&gt;
     &lt;li&gt;
         &lt;p&gt;Winter&lt;/p&gt;
     &lt;/li&gt;
     &lt;li&gt;
         &lt;p&gt;Summer&lt;/p&gt;
     &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>