Центрирование текста javascript/html по ширине 50%/50% ⇐ CSS

[Anonymous]

У меня возникла проблема: я не могу центрировать этот текст, независимо от того, что я использую. Вот код: Я хочу, чтобы item1 и item по ширине каждой стороны (слева и справа) были центрированы

Изображение полного изображения редактирования vh

EDIT2: я уже пробовал, justify-content: space-between и space-around, так что это не работает, как и grid макет.

questionTextElement.innerHTML = `${item2.name}                              ${item1.name}`; document.getElementById("item1").textContent = item1.name + " " + item1.value; document.getElementById("item2").textContent = item2.name + " " + item2.value; .question-text { дисплей: гибкий; оправдание-содержание: центр; выровнять-элементы: по центру; верх: 50%; осталось: 50%; трансформировать: транслировать(0%, 350%); ширина: 98vw; размер шрифта: 3rem; ${item2.name} ${item2.value}     ${item1.name} ${item1.value}

Я перепробовал все с помощью CSS, но не знаю, как разделить эти два элемента, а затем центрировать каждый из них отдельно, заранее спасибо за помощь!