<html> <head> </head> <body> <table><tr><td style="height:50px;border:1px solid black;"> <span><a href="#" id="a">Themes</a></span> <span style="vertical-align: middle;">Link and text shifts when it is focussed<br> </span> <span> </span> </td></tr></table> <script type="text/javascript"> document.documentElement.offsetHeight; document.getElementById("a").style.outline = "1px solid black"; document.documentElement.offsetHeight; document.getElementById("a").style.outline = ""; </script> </body> </html>