Skip to content

Instantly share code, notes, and snippets.

@takanorip
Created October 13, 2016 12:56
Embed
What would you like to do?
flex1
<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>
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;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment