文章行頭は左揃えのままリストコンテンツを中央寄せにする方法をメモっておく。

色々な記事みて探ったけど、このやり方が一番いいっぽい。
ulにfloatかけてるので親要素で解除するのを忘れずに


ul {
   float:left;
   position:relative;
   left:50%;
}

li {
   position:relative;
   left:-50%;
}

この方法ならコンテンツの中身やデバイスサイズに依存せずに中央寄せできるので便利！

追記