css - 如何恢复宽度 :100% to just the length of the text?

Question

蓝色背景是 100% 宽度，我只希望它与文本一样宽。

https://codepen.io/TylerL-uxai/pen/gRxMqG

.ux {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  background: #3c99cd;
  background: rgba(60, 153, 205, 0.85);
  color: white;
}

<div class="header-img-ux">
  <h2 class="ux">User Experience Design</h2>
</div>

Answer 1

.ux {
  margin:0;
  position: absolute;
  bottom: 0;
  left: 0;
}
.ux span {
  background: #3c99cd;
  background: rgba(60, 153, 205, 0.85);
  color: white;
}

<div class="header-img-ux">
  <h2 class="ux"><span>User Experience Design</span></h2>
</div>