Я не могу отцентрировать <textarea>

Я пытаюсь отцентрировать мои <textarea> элементы в моем домашнем проекте, но не могу найти способ сделать это. Я пробовал использовать следующие подходы:

  1. Changing my textarea in CSS:
textarea {
  display: flex;
  justify-content: center;
  align-items: center;
}
  1. Using the text-align property:
<div style="text-align: center"><textarea>I am <textarea></textarea></div>
  1. Using also <center> tag. Surprisingly, it worked. But I don't like this solution because it is condemned to use.

Внизу ссылка на картинку из моего проекта (я не могу разместить одну, так как у меня недостаточно репутации). Здесь вы можете видеть, что у меня есть два блока: textarea, предоставляемый фреймворком Django, и стандартный HTML textarea. Оба они не центрированы. (https://i.imgur.com/1AzKrWJ.png)

Вот мой код: 
<p>Write the reason(s) for refusal:</p>
{% render_field form.refusal_reason placeholder="Text..." %}
<div style="text-align: center"><textarea>I am <textarea></textarea></div>

Я долго искал решение, но так и не нашел. Я буду рад любому полезному ответу.

Вы хотите:

margin-left: auto;
margin-right: auto;

Добавьте это к вашему css для этого textarea.

Также - <center> не осуждается - он был устаревшим в HTML 4.0.1 и удален в HTML 5.

Большинство браузеров, вероятно, все еще поддерживают его, что, скорее всего, является причиной его работы, но вы не можете рассчитывать на него, потому что в конечном итоге это будет то же самое, что использовать тег с названием <fyuhsgh> без его предварительного определения.

Вы можете добавить свойство margin, как показано ниже, или скопировать и вставить следующее.

textarea {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
}
Вернуться на верх