html recognize white line in text and insert br code example

Example 1: html put newline in text with \n

white-space: pre-line;

Example 2: html add line break in string on screen size

<div class="container">
<div class="tab-content">
<div class="col-lg-5">
  <div>
  <h4>Commune : <span>CENON-SUR-VIENNE</span></h4>
  </div>
</div>
</div>
</div>

<style>
h4 span{
display: inline-block;
} 
</style>