Home/ Questions/Q 6181337
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-24T01:00:11+00:00

I’m having some trouble with the anchor element rendering in IE (IE9 in my

  • 0

I’m having some trouble with the anchor element rendering in IE (IE9 in my case).
If you look at the image linked below, you can notice a sort of bad padding or bad positioning for the second element. In similar questions I found a { display: inline-block } as a solution, but it seems it doesn’t work for me.
However I noticed that playing with some CSS property like clear or height or others, apparently without any logic, rendering may be correct.
Thanks!

IE9 Bad Rendering

<!DOCTYPE html>

<html>
    <head>
        <meta charset="utf-8">
        <title>Title</title>
        <style>
            body {font-family:sans-serif; font-size:12px;}
            a {height:13px;}
            p {clear:both; float:left;}
            .link {clear:both; float:left; border:1px solid #00f; background-color:#0f0;}
        </style>
    </head>
    <body>
        <p>TEXT</p>
        <a class="link" href="my_page.html">ABCDEF</a>
        <p>TEXT</p>
        <a class="link" href="my_page.html">ABCDEF</a>
        <p>TEXT</p>
        <a class="link" href="my_page.html">ABCDEF</a>
        <p>TEXT</p>
        <a class="link" href="my_page.html">ABCDEF</a>
    </body>
</html>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    The image looks OK for me. Using <p> is generating the ‘padding’ I see. If you want no space between lines then put everything inside the same <p> tag.

        ...
    <p>
    TEXT<br />
    <a class="link" href="my_page.html">ABCDEF</a></ br>
    TEXT<br />
    <a class="link" href="my_page.html">ABCDEF</a></ br>
    TEXT<br />
    <a class="link" href="my_page.html">ABCDEF</a></ br>
    TEXT<br />
    <a class="link" href="my_page.html">ABCDEF</a>
    </p>
    ...

    But I would rather use lists to display that kind of data

    • 0