В чем разница между переносом строки через HTML-тег br и CSS-свойство word-break?

Разница между переносом строки через HTML-тег br и CSS-свойство word-break заключается в том, как происходит перенос текста.

HTML-тег br используется для принудительного разрыва строки. html5book.ru Это одиночный тег, который не нужно закрывать. otus.ru impuls-web.ru Его ставят в том месте, где нужно перенести строку на новую. otus.ru impuls-web.ru

CSS-свойство word-break определяет возможности мягкого переноса между буквами, то есть указывает, когда допустимо разбивать строки текста. html5book.ru Свойство может иметь несколько значений: otus.ru impuls-web.ru

• Normal — значение по умолчанию. otus.ru htmlbook.ru Перенос строки (слова) не производится, если оно может полностью поместиться в текстовом блоке. otus.ru
• Break-all — позволяет перенести на новую строку часть слова. otus.ru Выполняется, когда текстовая запись не помещается в соответствующем блоке. otus.ru
• Inherit — при установке такого параметра происходит наследование значений, выставленных у родительских компонентов. otus.ru

Таким образом, с помощью тега br происходит принудительный разрыв строки, а свойство word-break определяет, когда допустимо разбивать строки текста, учитывая различные ситуации, в которых слово не помещается в блоке. otus.ru html5book.ru