Как ориентироваться на текст «Détails» в рамках компонентов кнопки сопоставленных кнопок в React? ⇐ CSS

[Anonymous]

В React я пытаюсь изменить положение « détails », кнопку, содержащая значок и текст. Я не могу изменить структуру HTML, как она исходит из общего компонента.

Код: Выделить всё

return (

{data.map((item, index) => (


Détails



))}

);

Я хочу, чтобы правый выравнивал только элемент "Détails", не влияя на карддетат. > < /p>

• Добавление текста-алюна: справа к родительскому div < /li>
  Использование Float: справа на кнопке < /li >
  Применение Text-align: прямо на кнопку непосредственно < /li>
  Использование Flexbox с Levify-content: Flex-end < /li>
  Нацеливание на конкретный промежуток с помощью селекторов CSS

Ни одна из этих попыток не сработала - они либо не влияли на выравнивание, либо нарушили существующую макет.
мне нужен селектор CSS, который будет специально нацелен на текстовый промежуток без изменения исходного кода компонента. Как я могу этого добиться?

Подробнее здесь: https://stackoverflow.com/questions/793 ... s-in-react