title: What is the use of CSS display "list-item" if there is no display "list"?
body: <p>I'm looking to create a HTML list element with list items from div tags. I know there is <code>display:list-item</code>, but if I have this:</p>
  
  <pre><code> &lt;ul&gt;
    &lt;li&gt;A&lt;/li&gt;
    &lt;li&gt;B&lt;/li&gt;
    &lt;li&gt;C&lt;/li&gt;
   &lt;/ul&gt;
  </code></pre>
  
  <p>to get this:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>.item { display: list-item};
  .list { display: block };</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="list"&gt;
    &lt;div class="item"&gt;A&lt;/div&gt;
    &lt;div class="item"&gt;B&lt;/div&gt;
    &lt;div class="item"&gt;C&lt;/div&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>doesn't get me anywhere.</p>
  
  <p><strong>Question:</strong><br>
  Is there a way to get the <code>&lt;ul&gt;</code> equivalent using <code>&lt;div&gt;</code> tags and why is there a <code>display:list-item</code> when <code>display:list</code> does not exist?</p>
  
  <p>Thanks!</p>