как сделать так, чтобы текст не перекрывал его контейнер?

Question

у меня есть этот код:

<li style="padding: 23px 5px 23px 19px; width: 100%;">
  <div style="min-width: 50%;">
    Email Address
  </div>
  <div style="min-width: 50%;">
    Antonina.Russel47@gmail.com
  </div>
</li>

и результат выглядит так: как вы можете видеть в нижней ячейке, я бы хотел, чтобы текст, который перекрывался, приходил снизу. я попробовал flex-wrap: nowrap; без успеха. Помощь

Answer 1

Добавьте это css

div {пробел: нормальный;слово-разрыв: разрыв-все}