title: How to style sheet with format "number: 1, 2, 3, 4, 5"?
body: <pre><code>&lt;ul&gt;
      &lt;li&gt;number&lt;/li&gt; 
      &lt;li&gt;1&lt;/li&gt;
      &lt;li&gt;2&lt;/li&gt;
      &lt;li&gt;3&lt;/li&gt;
      &lt;li&gt;4&lt;/li&gt;
      &lt;li&gt;5&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>And style sheet:</p>
  
  <pre><code>ul {
      list-style-type: none
  }
  
  ul li {
      float: left;
  }
  
  li:after {
      content: ", "
  }
  
  li:before {
      content: ": "
  }
  
  li:last-child:after {
      content: "."
  }
  
  li:first-child:before {
      content: ""
  }
  </code></pre>
  
  <p>Result is:</p>
  
  <pre><code>number, 1, 2, 3, 4, 5.
  </code></pre>
  
  <p>How to fix to this result:</p>
  
  <pre><code>number: 1, 2, 3, 4, 5.
  </code></pre>