vertical-horizontal-centering , display through CSS 2.1 or 3 if understood by browser

dabblet.css

/* vertical-horizontal-centering , display through CSS 2.1 or 3 if understood by browser 
this include I8 and above, opera, FF, Saf, Ch, etc ... */
html,body {
display:table; 					/* today */
display:flex;  					/* tomorrow & only for body */
height:100%;					/* today & tomorrow */
width:100%;						/* today only */
margin:0;}
body {
display:table-cell;				/* today */
vertical-align:middle;			/* today, no need tomorrow */
display:flex;					/* tomorrow */}
p,nav {margin:auto;				/* today & tomorow */
border:solid;
display:table;					/* today only */
}
/* make up */
nav a {padding:0 1em;box-shadow:0 0 3px;vertical-align:top;background:orange}
a:hover {background:tomato;}
nav:before {content:'Play with font-size and window rezize.';display:table-caption;
position:absolute;margin-top:-1.5em;opacity:0.5;text-shadow:0 0 5px gold;}

dabblet.html

<nav>
    <a href="#"> link </a>
    <a href="#"> link </a>
    <a href="#"> link </a>
    <a href="#"> link </a>
    <a href="#"> link </a>
    <a href="#"> link </a>
</nav>

dabblet.js

// alert('Hello world!');

settings.json

{"view":"split-vertical","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}