角功能区文本未正确居中（纯CSS，无图像）

我使用纯CSS（无图像）创建了一个功能区，但其中的文本未居中。文本：NEW现在仅部分可见。你只能读：NE

请看我的小提琴：

如何解决此问题，使新文本在功能区中居中

亲切问候,，

---

Maurice

这样做的原因是

div.ribbon-green

非常宽，其位置使其中心位于右侧。NEW中的E是

div.ribbon-green

的中心。因此，要在显示的包装部分中获得新的居中位置，我们必须移动

div.ribbon-green

的位置。我试着四处走动一下，发现以下姿势很有效：

.ribbon-green {
  left: -10px;
  top: 5px;
}