ul中li元素的横向居中排列

一开始想到的是flex: left
但是写到后面发现这样写要使li在ul中居中太麻烦了

但其实只需要两步
1.设置上层元素text-algin:center
2.设置li元素display:inline;

#title
{
    text-align:center;
}
ul li
{
    list-style-type:none;
    display:inline;
}