Артём Лучников

попробуйте такие стили

h1 {
  display: inline-block;
  position: relative;
  font-size: 52px;
  margin-bottom: 40px;
  margin-top: 10px;
  padding: 5px;
}

h1:after {
  content: '';
  display: block;
  background: rgba(251,218,3,0.8);
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -9px;
  height: 18px;
  width: 100%;
  z-index: -1;
}

Так ведь вы можете совершенно спокойно указывать эти данные в метатегах, например

<meta itemprop="lowPrice" content="7500">
<meta itemprop="highPrice" content="9000"/>

и вся инфа будет подхватываться отсюда, и не нужно будет что то с форматированием выдумывать при выводе на сайте.

Можно посмотреть, к примеру, как сейчас youtube отдает код для вставки видео:

<div style="position:relative;height:0;padding-bottom:56.25%">
    <iframe src="https://www.youtube.com/embed/hzYjjVcIWOA?ecver=2" width="640" height="360" frameborder="0" style="position:absolute;width:100%;height:100%;left:0" allowfullscreen></iframe>
</div>

Т.е. при уменьшении/растяжении блока с видео, оно будет пропорционально уменьшаться/увеличиваться.