CSSのダイヤモンド形状のテキストの中央揃え

Question

私はCSSには非常に慣れていて、私のWordPressテーマでCSSを編集しようとしています。私は中心のダイヤモンドに各ブログのポストの日付のテキストを変更しようとしています。今、私はダイヤモンドをポストに集中させるのが難しいです。

非常に乱雑なCSSを許してください。私はそれが困っていることを知っている。

.post_detail post_date { 
 
    width: 100%; 
 
    float: left; 
 
    margin-bottom: 20px; 
 
    text-align: center; 
 
} 
 
.post_info_date { 
 
    background: #fff; 
 
    height: 60px; 
 
    text-align: center; 
 
    transform:rotate(45deg); 
 
\t width: 60px; 
 
    position: inherited; 
 
    bottom: 20%; 
 
} 
 
.post_info_date span { 
 
    color: #333; 
 
    display: table-cell; 
 
    height: 60px; 
 
    transform: rotate(-45deg); 
 
    vertical-align: middle; 
 
\t width: 100%; 
 
}

Answer 1

line-heightプロパティを使用しています。したがって

CSS

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

スタイル。

・ホープ、このことができます。..