HTML中是否可以使用“换行”而不使用“回车”?

span { 
  margin-top: 1em; 
  display: inline-block; 
  vertical-align: top; 
}

<div>А вы<span>ноктюрн сыграть<span>могли бы</span></span></div>
<div>На флейте водосточных труб?</div>

str = $('#input').html();
str = str.replace(/\^/, '<span>').replace(/\^/g, '</span><span>').replace(/<\/p>/, '</span><\/p>');
console.log(str);
$('#output').html(str);
para = $('#output p');
para.each(function() {
  span = $(this).find('span');
  for (var j = 0; j < span.length; j++) {
    span[j].style.verticalAlign = -90 * (j + 1) + '%';
  }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="input" style="display:none">
  <p>А вы ^ноктюрн сыграть ^могли бы</p>
  <p>На флейте водосточных труб?</p>
  <p>А вы ^ноктюрн сыграть ^могли бы</p>
  <p>На флейте водосточных труб?</p>
  <p>А вы ^ноктюрн сыграть ^могли бы</p>
  <p>На флейте водосточных труб?</p>
</div>
<div id="output"></div>

div { float: left; }

<div>And you,</div>
<div><br>could you have played</div>
<div><br><br>a nocturne</div>