The blue background is 100% width
and I just want it to be as wide as the text.
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>