Как вернуть текстовое содержимое в кнопке, в то время как исходный макет кнопки сохранения кнопки в React? ⇐ CSS

[Anonymous]

У меня есть компонент React, который отображает список карт, используя функцию карты. Каждая карта имеет кнопку «Подробности» в верхней части и компонент CardDetail под ней. Вот моя текущая настройка: < /p>
return (

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


Action



))}

);
< /code>
Компонент Actionbutton (который я не могу изменить) генерирует этот html: < /p>

...
Action

< /code>
Текущее поведение: текст «действия» появляется с левой стороны.
Ожидаемое поведение: я хочу позиционирование. < /p>
Что я пробовал: < /strong> < /p>

Добавление текста-альна: справа Для родительского div < /li>
Использование Float: Прямо на кнопке
< /li>
Применение текстового соглашения: Прямо к кнопке напрямую < /li >
Использование Flexbox с Levify-Content: Flex-end < /li>
Нацеливание на конкретный Span
с селекторами CSS < /li>
< / ol>
Ни одна из этих попыток не сработала - они либо не повлияли на выравнивание, либо нарушили существующую макет. > Как я могу достичь правильного выравнивания только для текста кнопки при сохранении всех других стилей?

Подробнее здесь: https://stackoverflow.com/questions/793 ... original-l