使用css菱形对中文本

我对CSS非常陌生，正在尝试根据我的WordPress主题编辑CSS。我正在尝试将每个博客帖子上的日期文本更改为一个居中的菱形。现在，我很难把钻石放在柱子的中心

请原谅这个极其混乱的CSS。我知道这很糟糕

.post\u详情post\u日期{
宽度：100%；
浮动：左；
边缘底部：20px；
文本对齐：居中；
}
.发布信息日期{
背景：#fff；
高度：60px；
文本对齐：居中；
变换：旋转（45度）；
宽度：60px；
职位：继承；
底部：20%；
}
.post_info_日期跨度{
颜色：#333；
显示：表格单元格；
高度：60px；
变换：旋转（-45度）；
垂直对齐：中间对齐；
宽度：100%；
}

使用

行高

属性

CSS

风格相应

---

希望这有帮助。

当然我们不需要你的整个网站来展示这个问题（请参阅）。你说的“变成一颗中心的钻石”是什么意思。你能举个例子说明你的意思吗？你也应该发布你的HTML的最低限度的样本。

.post_info_date span {
  color: #333;
  display: block;
  transform: rotate(-45deg);
  vertical-align: middle;
    width: 100%;
  line-height:60px;
}