flex1

flex1.markdown

flex1

A Pen by takanorioki on CodePen.

License.

index.html

<ul>
	<li><p>LOGO</p></li>
	<li><p>List1</p></li>
	<li><p>List2</p></li>
	<li><p>List3</p></li>
	<li><p>List4</p></li>
	<li><p>List5</p></li>
</ul>

style.css

ul {
  display: -webkit-flex;
  display: flex;
  list-style: none;
}

li {
  margin: 10px;
  padding: 20px;
  border-radius: 5px;
  line-hight: 1;
  color: #fff;
  background: #007bbb;
}

li:first-child {
  background: #f8b500;
}

li p {
  margin: 0;
  padding: 0;
}