custom list display

gistfile1.txt

.footnote-index {
    font-size: 0.6em;
    vertical-align: super
}

ol.footnote-details {
    counter-reset:li; /* Initiate a counter */
    margin-left:0; /* Remove the default left margin */
    padding-left:0; /* Remove the default left padding */
}
ol.footnote-details > li {
    margin-left: 2em;
    position:relative; /* Create a positioning context */
    list-style:none; /* Disable the normal item numbering */
}
ol.footnote-details > li:before {
    content:counter(li); /* Use the counter as content */
    counter-increment:li; /* Increment the counter by 1 */
    /* Position and style the number */
    position:absolute;
    width:2em;
    left:-2em;
    top:2px;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;

    margin-right:8px;
    font-weight:bold;
    text-align:center;
}