Gcyrillus, fake float-center , a remake since i do not remenber where stands the first version partially dedicated to IE6

dabblet.css

/* Gcyrillus, fake float-center , a remake since i do not remenber where stands the first version partially dedicated to IE6 */
html , a {
background: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height: 100%;
box-shadow:0 0 7px 3px  white;
border-radius:5px;
text-align:center;
}
.float-center {margin:0;padding:0;}
.float-center li {margin:0;padding:0;display:inline;line-height:90px;}
.float-center li a {display:inline-block;height:70px;width:70px;line-height:70px;border:solid;margin:1em;direction:ltr;color:#333;}
.right {direction:rtl;}
.right a {background: linear-gradient(45deg, yellow ,#f06 );}

dabblet.html

<section>
<h1>fake float-center(float-center-left; par défaut)</h1>
<ul class="float-center">
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>
<li><a href="#">5</a></li>
<li><a href="#">6</a></li>
<li><a href="#">7</a></li>
<li><a href="#">8</a></li>
<li><a href="#">9</a></li>
<li><a href="#">10</a></li>
<li><a href="#">11</a></li>
<li><a href="#">12</a></li>
<li><a href="#">13</a></li>
<li><a href="#">14</a></li>
<li><a href="#">16</a></li>
<li><a href="#">17</a></li>
<li><a href="#">18</a></li>
<li><a href="#">19</a></li>
<li><a href="#">20</a></li>
</ul>
</section>
<section class="right">
<h1>fake float-center-right</h1>
<ul class="float-center">
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>
<li><a href="#">5</a></li>
<li><a href="#">6</a></li>
<li><a href="#">7</a></li>
<li><a href="#">8</a></li>
<li><a href="#">9</a></li>
<li><a href="#">10</a></li>
<li><a href="#">11</a></li>
<li><a href="#">12</a></li>
<li><a href="#">13</a></li>
<li><a href="#">14</a></li>
<li><a href="#">16</a></li>
<li><a href="#">17</a></li>
<li><a href="#">18</a></li>
<li><a href="#">19</a></li>
<li><a href="#">20</a></li>
</ul>
</section>

settings.json

{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"result"}