Home/ Questions/Q 4546648
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-21T15:59:00+00:00

Here is my html: <div class=pagination>Page <a href=page.php?submit=1&amp;page=2>&#171;</a> <a href=page.php?submit=1&amp;page=1>1</a> <a href=page.php?submit=1&amp;page=2>2</a> <strong>3</strong> <a

  • 0

Here is my html:

<div class="pagination">Page 
<a href="page.php?submit=1&amp;page=2">&#171;</a>
<a href="page.php?submit=1&amp;page=1">1</a>
<a href="page.php?submit=1&amp;page=2">2</a>
<strong>3</strong>
<a href="page.php?submit=1&amp;page=4">4</a> ...
<a href="page.php?submit=1&amp;page=104">104</a>
<a href="page.php?submit=1&amp;page=4">&#187;</a>
</div>

My css:

div.pagination                  { width: 90%; margin: 15px auto; float:right; text-align: right; }
div.pagination a                { border: 1px solid #0667B9; background-color:#B4D6F2; padding: 3px 6px; color:#0667B9; margin: 1px; }
div.pagination strong           { border: 1px solid #0667B9; background-color:#FFFFFF; padding: 3px 6px; color:#0667B9; margin: 1px; }
div.pagination a:hover          { border: 1px solid #0667B9; background-color:#0667B9; padding: 3px 6px; color:#B4D6F2; margin: 1px; }

And what I am getting in result:
Unwanted Css overlapping

The problem you see, things are getting overlapped, what I would like to avoid.

Thanks in advance for any help. Cheers.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    add a line-height:30px; to div.pagination

    • 0