PHP sideskrift Paging hjælp

Hej håber i kan hjælpe.

Jeg har et problem omkring paging sideskift.

Når jeg står på side 3 som eksempel så ser det sådan her ud:
<>1243 det vil sige at den aktuelle side php?id=3 tallet fremgår udenfor  selve paging menuen.

Men jeg vil gerne have det til at stå sådan her:
<>1234


<?php
//show all the page link with page number.
//When click on these numbers go to particular page.

        for($i=1;$i<=$total;$i++)
        {
            if($i==$id) { echo "<li><class='current'>".$i."</li>"; }
            else { echo "<li><a href='?id=".$i."'>".$i."</a></li>"; }

}
?>



I toppen har jeg følgende:
----------------------------
<style>

ul.page li {display: inline;}

ul.page li a {
    color: black;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
    transition: background-color .3s;
    border: 1px solid #ddd;
}

.page li:first-child a {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.page li:last-child a {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

ul.page li a.active {
    background-color: #4CAF50;
    color: white;
    border: 1px solid #4CAF50;
}

ul.page li a:hover:not(.active) {background-color: #ddd;}

</style>