<div class="box">
  <p class="box__text">
    幅を決めないでボックスを中央表示
  </p>
  <p class="box__text-sub">
    幅を決めないでボックスを中央表示した中でテキストを右よせ
  </p>
</div>
.box {
  width: fit-content;
  margin-inline: auto;
}
.box__text {
  font-size: 28px;
}
.box__text-sub {
  font-size: 14px;
  text-align: right;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.