title: How do I center a list?
body: <p>I have an unordered list and I want to have it in the middle of the page.</p>
  
  <p>By that, I mean that the left side bullets should be vertically aligned with the center of the list item with the longest text, but in the center of the page?  </p>
  
  <ul>
  <li>item 1 is boring</li>
  <li>item 2 is a very long item indeed, oh yes it is  &lt;=== middle char should be in center of page</li>
  <li>item 3 is almost as boring as item 1</li>
  </ul>
  
  <p>and not  </p>
  
  <pre> 
                   * item 1 is boring
      * item 2 is a very long item indeed, oh yes it is
             * item 3 is almost as boring as item 1
  </pre>