如何在css中移动此图像/链接

Question

我试图在css中移动这个图像但它不会移动任何一次我测试它多少次，我做错了什么？

#yahoo1 {
  position: absolute;
  top: 100px;
  left: 800px;
}

<p id="yahoo1">
  <a href="http://www.yahoo.com">
    <img border="0" alt="yahoo" src="images/yahoo.png" width="300" height="300">
  </a>
</p>

Answer 1

#yahoo1 {
  position: relative;
}

#yahoo1 a {
  position: absolute;
  top: 100px;
  left: 800px;
}

#yahoo1 img {
  display: block;
}