Skip to content

Instantly share code, notes, and snippets.

@marcolago
Created May 17, 2012 16:46
Show Gist options
  • Save marcolago/2720111 to your computer and use it in GitHub Desktop.
Save marcolago/2720111 to your computer and use it in GitHub Desktop.
Display inline-block menu demo
/**
* Display inline-block menu demo
*/
* { margin: 0; }
ul{
text-align: center;
}
li {
display: inline-block;
width: 250px;
height: 5em;
background-color: #cccccc;
border-radius: 1em;
text-align: center;
vertical-align: middle;
line-height: 5em;
}
p {
display: inline-block;
vertical-align: middle;
line-height: normal;
}
<ul>
<li><p>ONE</p></li>
<li><p>TWO - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - TWO</p></li>
<li><p>THREE</p></li>
</ul>
{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment