.pag {
    margin: 0;
    padding-top: 10px;
    padding-bottom: 30px;
    list-style: none;
}
.pag li {
    font-size: 90%;
    text-align: center;
    display: inline-block;
    margin-right: 1px;
}
.pag li a,
.pag li span {
    color: inherit;
    display: block;
    width: 35px;
    height: 35px;
    line-height: 35px;
    color: #FFF;
    background: #676767;
    margin-right: 2px;
}
.current span
{
    height: 35px;
    line-height: 35px;
}
.pag li a:hover,
.pag li.current span {
    color: #FFF;
    background: #F47E3E;
}
li.pag-first,
li.pag-last {
}
li.pag-previous {
}
li.pag-next {
}


.pag.pag-start {
    text-align: left;
}
.pag.pag-inner {
    text-align: left;
}
.pag.pag-end {
    text-align: left;
}

.pag.pag-inner span.pag-before {
    float: left;
}
.pag.pag-inner span.pag-current {
    float: left;
}
.pag.pag-inner span.pag-after {
    float: left;
}
.pag.pag-inner span.pagu-current {
}




<ul class="pag pag-inner">
    <span class="pag-before">
        <li class="pag-previous">
            <a href="http://www.axonnsays.com/"><i class="fa fa-angle-left"></i></a>
        </li>
        <li>
            <a href="http://www.axonnsays.com/">1</a>
        </li></span><span class="pag-current">
        <li class="current">
            <span>2</span>
        </li></span><span class="pag-after">
        <li>
            <a href="http://www.axonnsays.com/page/3/">3</a>
        </li>
        <li>
            <a href="http://www.axonnsays.com/page/4/">4</a>
        </li>
        <li class="pag-next">
            <a href="http://www.axonnsays.com/page/3/"><i class="fa fa-angle-right"></i></a>
        </li>
        <li class="pag-last" >
            <a href="http://www.axonnsays.com/page/4/"><i class="fa fa-angle-double-right"></i></a>
        </li></span>
</ul>