Html 使用按钮组创建更新按钮和取消按钮，然后在两个按钮之间添加（|）

我想显示两个按钮作为更新按钮，取消按钮作为用户视图中的一个按钮。然后，我想在两个按钮之间添加（|）。我添加了

标记以显示两个按钮之间的|。然后，我为“更新”和“删除”创建了两个按钮。我尝试了很多次，但都做不到。我该怎么做？请帮助我

.footer-button1{
背景色：#85b59d；
宽度：60px；
边缘顶部：10px；
显示：内联块；
文本对齐：居中；
高度：30px；
边界半径：5px；
边界：无；
边缘底部：10px；
}

更新
|删除

我使用了

：after

伪代码。如果您特别想要一个“|”而不是边框，您可以使用

内容

.footer-button1{
背景色：#85b59d；
宽度：60px；
边缘顶部：10px；
显示：内联块；
文本对齐：居中；
高度：30px；
边界半径：5px；
边界：无；
边缘底部：10px；
位置：相对位置；
右边距：13px；
}
.footer-button1：第一个孩子：之后{
显示：无；
}
.页脚按钮1：之后{
宽度：1px；
高度：28px；
位置：绝对位置；
内容：''；
排名：0；
左：-10px；
左边框：1px实心#000；
}

更新
删除

从span中删除边距，并在按钮之间放置span？