<ul>
  <li>1</li>
  <li>2</li>
  <li>3</li>
  <li>4</li>
  <li>5</li>
</ul>
ul{
	display:-webkit-box;
	display:-moz-box;
	display:box;
	display:-webkit-flex;
  /* 上4行はモバイルでdisplay:flexが効かない場合の為に記述↑ */
	display:flex;
}
/*--------------------------*/
/*↓サンプル用コード↓*/
li{
  list-style:none;
  width:3rem;
  height:3rem;
  text-align:center;
  line-height:3rem;
  border:1px solid gray;
}
Rerun