html - 如何仅获得文本后面的背景色？

这是我的代码，但是我希望文本后面仅具有背景色，而不是在整个屏幕上延伸？有任何想法吗？

   .section_title {
      background-color: orange;
      text-align: center;
      margin: 0px auto;
    }

HTML是

<div class="col-md-12">
  <div class="section_title">
    <h2>Choose a Pack to Print</h2>
  </div>
</div>

最佳答案

一个选项是将display: inline-block;添加到文本元素的CSS。