Как мне получить разные выравнивания текста в одном и том же div?

#html #css

#HTML #css

Вопрос:

Я создал этот div:

 <div id="MyDiv"><h>HeaderText</h><br>

            DivText

</div>
  

Я хочу, чтобы верхний текст был централизован, а нижний текст выровнен по левому краю. Поскольку он находится внутри div, CSS HeaderText text-align: left; противоречит CSS div.

Я хочу, чтобы это было там, чтобы оно сохраняло форматирование фона, положение и т.д. div.

Ответ №1:

Это работает нормально. Я бы предположил, что это потому, что вы используете неизвестные теги <h> в своем коде

 h1 {
  text-align: center;
}  
 <div id="MyDiv">
  <h1>HeaderText</h1>

  DivText

</div>