Добавить <br> перед каждой строкой
 

Здравствуйте! Подскажите, есть возможность на JS сделать что бы перед каждой строкой (там где перенос текста) автоматически добавлялся тэг <br>?
Важно что бы <br> добавлялся в зависимости от того как переносится текст в браузере!

Тут небольшое демо:
https://codepen.io/ethereal94/pen/JjYeoZo

Так же если в тексте уже задан вручную <br>, нужно что бы он не дублировался.

Помогите пожалуйста это сделать. Спасибо!