Если свойство text-align не решает проблему с отображением текста на кнопке, можно воспользоваться дополнительными CSS-свойствами и правилами для достижения нужного результата.
Для переноса кнопки вправо и выравнивания текста по левому краю можно использовать следующий набор CSS-правил:
1. Установить у кнопки свойство position: relative, чтобы можно было изменять ее позицию относительно родительского элемента.
```css
.button {
position: relative;
}
```
2. Установить свойство float: right для кнопки, чтобы она сдвинулась вправо относительно родительского элемента.
```css
.button {
position: relative;
float: right;
}
```
3. Добавить свойство clear: both для очистки обтекания элементов и правильного выравнивания элементов на странице.
```css
.clear {
clear: both;
}
```
Для выравнивания текста по левому краю можно использовать свойство text-align: left.
```css
.button {
position: relative;
float: right;
text-align: left;
}
```
Используйте эти правила в сочетании с вашим кодом для кнопки, чтобы перенести и выровнять текст по вашим требованиям.