Как расположить элементы в строку в блоке Elementor Post Info?

Для такой задачи лучше использовать flex, а не inline-block. Elementor часто добавляет свои обёртки, отступы и display-правила, поэтому нужно смотреть реальные классы в инспекторе. Обычно список Post Info можно привести к нормальному виду так:

.elementor-post-info {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 16px;
}
 
.elementor-post-info li {
  display: inline-flex;
  align-items: center;
  width: auto;
  margin: 0;
}

Если длинный элемент должен переноситься внутри строки, не ставьте ему white-space: nowrap. Это как раз заставляет элемент не переноситься и может выбрасывать его на новую строку или за экран. Для длинного элемента лучше разрешить перенос:

.elementor-post-info li {
  min-width: 0;
}
 
.elementor-post-info li .elementor-post-info__item {
  white-space: normal;
}

Если нужно, чтобы первые два элемента были в одной строке, а длинный занимал остаток, можно использовать:

.elementor-post-info li:last-child {
  flex: 1 1 260px;
}

Не используйте слишком общий селектор .post-info-element, если он не совпадает с реальным HTML. Откройте DevTools, кликните по ul и применяйте стили к конкретным классам Elementor. После правки проверьте мобильную ширину: flex-wrap должен позволять элементам уходить на следующую строку без горизонтального скролла.