title: css ellipsis on fourth line with read more with css
body: <p>Guys, I want ellipsis and read more tag after fourth or third line when user click on read more than more content show for this with CSS. </p>
  
  <p>what I want is like this:</p>
  
  <pre><code>  &lt;div class="mycontent"&gt;
        &lt;p&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 this is aweome&lt;/p&gt; 
    &lt;/div&gt;
  </code></pre>
  
  <p>I want to show first two few words only then after I want to read more tag where user click and pending content show. like this follow:-</p>
  
  <pre><code>  Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy... read more
  </code></pre>
  
  <p>now after click read more all content show like this:-</p>
  
  <pre><code>  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 this is awesome
  </code></pre>