Skip to content

Instantly share code, notes, and snippets.

@aronallen

aronallen/display box is broken

Created November 1, 2011 14:30
Show Gist options
  • Save aronallen/1330629 to your computer and use it in GitHub Desktop.
Save aronallen/1330629 to your computer and use it in GitHub Desktop.
Download ZIP
Display box is broken
Raw
display box is broken
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
nav{
display: -webkit-box;
display: box;
-webkit-box-orient: horizontal;
box-orient: horizontal;
width:100%;
}
nav div{
-webkit-box-flex: 1;
box-flex: 1;
height:100%;
text-align:center;
}
</style>
</head>
<body>
<nav>
<div>Apples</div>
<div>Bears</div>
<div>Antelopes</div>
<div>Crystalized-anamantium</div>
</nav>
<nav>
<div>Same content, same size</div>
<div>Same content, same size</div>
<div>Same content, same size</div>
<div>Same content, same size</div>
<div>Same content, same size</div>
<div>Same content, same size</div>
</nav>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment