title: Wrap each line of paragraph in a span
body: <p>I have a <code>&lt;div&gt;</code> element and which will show a paragraph with no line breaks like in the example</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;div&gt;
  Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum
  &lt;/div&gt;
  </code></pre>
  
  <p>Here the text will split as a number of lines according to the width of its container, I am trying to wrap each of the auto-sized lines into a span element.but I failed to do this because we can't find the end of the lines using <code>\n</code>.is there any method to achieve this?</p>
  
  <p>Note- I find an answer for this when i am searching <a href="https://stackoverflow.com/questions/4147080/can-i-wrap-each-line-of-multi-line-text-in-a-span">Can I wrap each line of multi-line text in a span?</a> . but the questin is not similer to this,here i have a test in single line and there is no line break.but the above question have line break on each line</p>