JSFiddle - React, Tailwind, and code Playground

HTML

<div id='test'></div>
<div id='test1'></div>
<div id='test2'></div>
<div id='test3'></div>

CSS

div {
    margin: 15px;
}

JavaScript

document.getElementById('test').innerHTML = 'innerHTML\nwith newline';
document.getElementById('test1').innerHTML = 'innerHTML<br />with break tag';
document.getElementById('test2').innerText = 'innerText\nwith newline';
document.getElementById('test3').innerText =  'innerText<br />with break tag';