Как я могу исправить эту проблему выравнивания встроенных блоков на моем сайте Woocommerce?

Question

Попытка спорить немного CSS, и мне нужно немного руководства.Я показываю количество отзывов о товарах на странице нашего магазина, но количество отзывов отображается под звездным рейтингом.Я пытаюсь отобразить количество отзывов рядом со звездным рейтингом.Выравнивание идет странно.

Я пробовал следующий фрагмент:

.woocommerce ul.products li.product .star-rating,
.woocommerce ul.products li.product .woocommerce-review-link {
  display:inline-block
  }

Количество отзывов и рейтинг не совпадают.Изображение прилагается.

Сайт

снимок экрана

снимок экрана 2

Answer 1

Если у вас нет доступа к разметке, самый простой способ - использовать position: relative и настроить его верхнее значение:

.woocommerce ul.products li.product .star-rating {
    display:inline-block;
}
.woocommerce ul.products li.product .woocommerce-review-link {
    display:inline-block;
    position: relative;
    top: -8px;
}

Answer 2

решаемая. Я установил ширину H2 на 100%, и это решило ее. Спасибо за вашу помощь!