テキストが左そろえのリストをセンターに配置する

何度もやっているのに、頻度が高くないのですぐに忘れてしまうことありませんか？
そういうメモです。

html

<div class="wrap">
   <ul>
      <li>高菜おにぎり</li>
      <li>こんぶおにぎり</li>
      <li>梅おにぎり</li>
   </ul>
</div>

CSS

.wrap{
   text-align:center;
}
.ul{
   display: inline-block;
}
li{
   text-align: left;
}