【SCSS/CSS🔰】コピーライトが中央よせにならない！

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

現象

<small class="footer-copy">&copy;2026 yukimi.com</small>

.footer-copy {
  margin-top: 18px;
  line-height: 1;
  font-size: 12px;
  text-align: center;
}

smallタグを使ってコピーライトを作成したが、マージンは効かない。
text-align:center;も効かなかった。

対象方法

smallタグはインライン要素のため、マージン等が効かない。
ブロック要素にすることで、解決。

.footer-copy {
　display:block;
  margin-top: 18px;
  line-height: 1;
  font-size: 12px;
  text-align: center;
}