title: How center unordered list with bullets?
body: <p>I'm new to web programming and I can't figure out, how to place not only text, but also the unordered list bullets in the center? Here is code:</p>
  
  <pre><code> &lt;div style="text-align:center;"&gt;
      &lt;h2 style="margin-top:43px;" class="text-center"&gt;Important years of life and work:&lt;/h2&gt;
      &lt;ul &gt;
        &lt;li&gt;cat nip&lt;/li&gt;
        &lt;li&gt;laser pointers&lt;/li&gt;
        &lt;li&gt;lasagna&lt;/li&gt;
      &lt;/ul&gt;
    &lt;/div&gt;
  </code></pre>
  
  <p>And here is the pic, to show you what I mean:
  <a href="https://i.stack.imgur.com/wlnau.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/wlnau.jpg" alt="enter image description here"></a></p>