.jimare {
padding: 4px;
margin: 7px 0;
text-align: center;
font-family:'Droid Arabic Naskh', "Times New Roman";
font-size: 20px;

}
.jimare a { font-size: 15px; text-decoration: none; color:#7E354D; border: 1px solid #daad45; padding: 4px; }
.jimare a:hover { text-decoration: underline; color:#000; background-color: #daad45; }

.pagination a {
padding: 3px 5px 3px 5px;
border: 1px solid #ccc;
background-color: #ffffff;
color: #0e509e;
}

<div class="jimare">[prev-link]<[/prev-link] {pages} [next-link]>[/next-link]</div>

<div class="pagination">
  <ul>
    <li><a href="#">Prev</a></li>
    <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="#">Next</a></li>
  </ul>
</div>