想让项目1~5居中，不知道怎么做，不用flex

Question

代码 http://js.jirengu.com/hegeh/1...

Answer 1

ul {
   margin: 20px auto;
   text-align:center;
 }
li {
  list-style: none;
  display:inline-block;
  background: #72b890;
  margin: 10px;
  padding: 5px 8px;
  border-radius: 3px;
  cursor: pointer;
}

把li浮动改成display:inline-block; 然后设置ultext-align:center;

Answer 2

方法太多了..
说个简单的 li 转成 display:inline-block. ul直接使用text-aling:center;

Answer 3

ul {

text-align:center;

}