/li>
</ul>

	<style>
		.box{
			/*display:-webkit-flex;*/
			display:flex;
			margin:0;padding:10px;list-style:none; list-style-type:none; background-color:#eee;
		}
	
		.box li {
			width:100px;height:100px;border:1px solid #aaa;text-align:center;
		}
	
		#box{
			/*-webkit-flex-direction:row;*/
			flex-direction:row;
		}
		#box2{
			/*-webkit-flex-direction:row-reverse;*/
			flex-direction:row-reverse;
		}
		#box3{
			height:500px;
			/*-webkit-flex-direction:column;*/
			flex-direction:column;
		}
		#box