title: Using HTML/CSS to limit the length of the sentences
body: <p>I am calling few sentences from a JSON file and append it in a <code>&lt;p&gt;</code> tag.</p>
  
  <pre><code>    &lt;p&gt;
         Thank you all for another magical night spent together 
         this last sunday at The Hippodrome in Baltimore.Thank yo...
      &lt;p&gt;
  </code></pre>
  
  <p>And i'd like to shorter it, even it's already been shorten in the json, am i able to use pure css or html to limit it's length? </p>
  
  <p><strong>I don't need any javascript/Jquery suggestion</strong> because if comes to javascirpt it's easy to accomplish this task, i might just play with dom, but in this case i want to see if there's any pure html  and css method can do this.</p>
  
  <p>UPDATE 1:
  Everyone suggest me to convert the sentences in to one single line using <code>white-space: nowrap</code> and then hidden text by setting <code>text-overflow:ellipsis</code> but there's a limitation, the html can just display single line. Is there anyway to display another line?</p>