title: Making a:hover with padding. It moves, how can I prevent it?
body: <p>My link: <code>&lt;a href="#"&gt;Home page&lt;/a&gt;</code></p>
  
  <p>Css:</p>
  
  <pre><code>a:hover
  {
      padding: 5px;
      background: black;
  }
  </code></pre>
  
  <p>When I hover over home page link, it moves, because I use padding. How can I avoid it? I want that black background would appear where the link is without moving its link and other links. Thanks.</p>