Skip to content

Instantly share code, notes, and snippets.

@takanorip
Created October 13, 2016 12:56
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
Star You must be signed in to star a gist
Save takanorip/af1e99d93d3216f3410ddc7446bc7ba2 to your computer and use it in GitHub Desktop.
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