【SCSS/CSS🔰】timeタグ右寄せできない！

ホームページ制作にあたり、自分自身が躓いたポイントをメモとして残しています。

timeタグはインライン要素

<time datetime="2026-08-11" class="top-blog-date">2026/08/11</time>

これを右寄せにする場合はcssを以下のようにする。

.top-blog-date {
  display: block;
  text-align: right;
}

timeタグはインライン要素のため、display:block;入れることを忘れないように。

text-alignもmargin:auto;も動かないので、ハマる事が多いのであまりよく使わないタグは要素を確認しておく。