如何在页面上居中div

Question

如何在页面的horizental中心放置div。这个div显示图像。 我想在中心显示该图像，并且没有固定大小。此div应该显示在其他div的顶部。

在这种情况下，我想在不对div或图像的宽度做任何事情的情况下这样做。

我尝试了一些例子，但都失败了。

我在做什么错？我有点困惑。请帮忙

     #dart{
        position: absolute;   
        top: 10px;         
        margin: auto;       
        z-index: 10000;    
        margin-left: auto ;
        margin-right: auto ;    
      }

    .darts{
        height: 80%;
        display: block;
        margin-left: auto;
        margin-right: auto 
         }

      <div id="dart">
        <img id="darts" src="../darts.png"/>
        </div>