html - 如何用元素符号居中无序列表？

Question

我是网络编程的新手，我想不通，如何在中心放置文本和无序列表元素符号？这是代码:

 <div style="text-align:center;">
    <h2 style="margin-top:43px;" class="text-center">Important years of life and work:</h2>
    <ul >
      <li>cat nip</li>
      <li>laser pointers</li>
      <li>lasagna</li>
    </ul>
  </div>

这是图片，向您展示我的意思:

Answer 1

试试这个

div{
  text-align:center;
}ul{
  display:inline-block;
  text-align:left;
}

<div style="text-align:center;">
    <h2 style="margin-top:43px;" class="text-center">Important years of life and work:</h2>
    <ul >
      <li>cat nip</li>
      <li>laser pointers</li>
      <li>lasagna</li>
    </ul>
  </div>