どのように中央の箇条書きの箇条書きリストですか？

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

は試してみてください、この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>

Answer 2

h2{ 
 
    text-align:center; 
 
    margin-top:43px; 
 
} 
 
ul { 
 
    display: inline-block; 
 
    text-align: left; 
 
    padding: 0; 
 
}

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

[順不同リストと箇条書きセンター]の