Skip to content

Instantly share code, notes, and snippets.

@ffoodd

ffoodd/dabblet.css

Created August 21, 2013 10:28
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save ffoodd/6292835 to your computer and use it in GitHub Desktop.
Save ffoodd/6292835 to your computer and use it in GitHub Desktop.
Download ZIP
Liste à puce horizontale avec centrage verticale et hauteur variable
Raw
dabblet.css
/**
* Liste à puce horizontale avec centrage verticale et hauteur variable
*/
ul {
margin: 0;
padding: 0;
list-style-type: none;
display: table;
}
ul li {
display: table-cell;
position: relative;
background-color: #0099cc;
vertical-align: middle;
}
ul li a {
color: #fff;
display: block;
padding: 5px 7px;
margin-right: 2px;
text-decoration: none;
width: 95px;
}
Raw
dabblet.html
<!-- content to be placed inside <body>…</body> -->
<ul>
<li><a>Texte 1</a></li>
<li><a>Texte 2 Long Sur 2 Lignes</a></li>
<li><a>Texte 3</a></li>
<li><a>Texte 4</a></li>
</ul>
Raw
dabblet.js
// alert('Hello world!');
Raw
settings.json
{"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