li タグの中央揃え

いくらやっても1.2.3の数字がうまくいってくれなくって

（左側に残ったり、謎に消えてしまったりする）

調べたらFlexでやる方法発見。

Flex苦手だけど使えるようにならねば。。

<div class="wrapper">
   <ol>
       <li>タイトルタイトル</li>

       <li>タイトルタイトル</li>

       <li>タイトルタイトル</li>

    <li>タイトルタイトル</li>

  </ol>

.wrapper　{ 　

　　　　　width: 80%;

　　　　　margin: auto;

　　　　　display: flex; 

　　　　　justify-content: center;  

}
  li  { 

　　　　　list-style-osition:inside; 

　　　　　padding: 0;

}