如何将div内的button按钮放置在顶部右侧且左侧保留空白区域

HTML结构无需修改，仅需调整CSS代码即可实现需求，修改逻辑如下：

• 利用父容器.newsletter已设置的relative定位属性，给.goup按钮设置绝对定位，直接固定在父容器的右上角，不占据常规文档流空间
• 给.left-side添加等于按钮高度的上外边距，避免链接内容和按钮重叠，保证按钮所在的顶部行左侧完全留白

修改后的完整CSS代码如下：

.newsletter {
    position: relative;
    overflow: hidden;
    background-color: #f9f9f9;
}

.goup {
    width: 81px;
    height: 81px;
    border: none;
    font-size: 16px;
    font-weight: 700;
    background-color: #000;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    /* 核心定位代码 */
    position: absolute;
    top: 0;
    right: 0;
}

.left-side {
    position: relative;
    /* 避开按钮高度，保证顶部左侧留白，可根据需求调整数值修改间距 */
    margin-top: 81px;
}

内容的提问来源于stack exchange，提问作者AyZed