离子图像上的图像

Question

我希望我的编辑图标显示在个人资料图片的正下方，如下图所示

但是我越来越

代码来自html文件

<div id="ppic">
          <img src="assets/imgs/pp.jpeg" id="pic"> 
          <span>
                <button ion-button clear >
                    <img src="assets/imgs/edit-icon.png" id="imgedit">
                </button>
          </span>
          <p id="name">M S</p>
          <p id="loc">Markham , ON</p>
      </div>

Scss代码

#ppic {

   // position: absolute;
    padding-top: 40px;
    width: 90px;
    height: 90px;
    display: block;
    margin-left: auto;
    margin-right: auto;

}
#pic {
    border-radius: 50%;

}
#imgedit {
    position: absolute;
    //z-index: inherit;
    top: 10px; 
}

有人可以帮我吗？