图像未与弹出窗口对齐

Ram*_*o M -1 html css alignment

嗨,

我创建了一个弹出窗口,该弹出窗口最右边有一个关闭按钮.我尝试通过放置以下对齐图像:

position:absolute;
right:0px;
top:0px;
Run Code Online (Sandbox Code Playgroud)

但它没有正确对齐..可以任何一个帮助.!!!!

这是我的代码..

 <!DOCTYPE>
    <html>
     <head>
      <title> New Document </title>     
 <style>      
      div.irmGraphPopup{
        border:10px solid black;
        width:1000px;
        height:500px;
        position:absolute;
       }

      div.irmGraphPopup span:{
        position:absolute;
        right:0px;
        top:0px;
      }
       </style>
     </head>

     <body>
      <div class="irmGraphPopup">
          <span> <img src="round_black_close2.png" alt="Close"/></span>
       </div>

     </body>
    </html>
Run Code Online (Sandbox Code Playgroud)

Ale*_*lex 5

你有一个错字:

div.irmGraphPopup span{
   position:absolute;
   right:0px;
   top:0px;
}
Run Code Online (Sandbox Code Playgroud)

除掉 :