Обоснование и Центр текст HTML / CSS?

У меня есть textarea, и я хочу, чтобы это было оправдано, так что все строки равны по ширине и будут центрироваться, чтобы текст оставался посередине текстового поля, когда он не имеет максимальной длины строки.

Это мое текстовое поле:

 

… и CSS:

 textarea.Whiteboard{ resize: none; background-color: #F1F1F1; border: none; height: 500px; width: 800px; text-align: center; font-size: 50px; } 

Спасибо вам всем!

    К сожалению, на момент написания письма не было конкретного решения CSS для достижения желаемого результата.

    Однако уровень CSS 3 добавляет функцию под названием text-align-last для обработки выравнивания последней строки блока:

    7.3. Выравнивание последней строки: свойство text-align-last

    Это свойство описывает, как выровнять последнюю строку блока или строки до выравнивания принудительной строки.

    Но он все еще находится в рабочем проекте . Следовательно, поддержка браузера недостаточно хороша, чтобы полагаться на эту технологию (она по-прежнему не работает на Chrome 35 и работает только с Firefox 12+).

    Вот пример, который я не могу проверить (из-за моего FF4. Да, мне стыдно) :

     textarea { white-space: normal; text-align: justify; -moz-text-align-last: center; /* Firefox 12+ */ text-align-last: center; } 

    Чтобы центрировать элемент textarea, вы должны объявить его как элемент блока в CSS, а затем добавить типичные правила центрирования, если это необходимо.

     textarea { display: block; margin: 0 auto; } 

    Я искал ответ на этот вопрос и не мог узнать, что я искал; отсюда этот пост.