如何使图像静态而不是相对于同一行中的元素？

Question

https://codepen.io/Mike-was-here123/full/MOmKzO/是我的代码。

请注意在线或离线图片如何随名称移动？他们无论如何要阻止这个？

代码中的.icon：

.icon {
  margin: 2% 1% 1% 4.5%;
  width: 90px;
  height: 90px;  
  border-radius: 50%;
  border: 3px solid black;

}

名称：

#name {
  text-decoration: underline;
  font-size: 30px;
}

Answer 1

在图像上定位绝对位置，并在容器上相对位置。

.columnMain {
  position: relative;
}
#status {
  position: absolute;
  top: 0;
  right: 0;
}