title: css how to implement multi-line text field using div with ellipsis
body: <blockquote>
    <p><strong>Possible Duplicate:</strong><br>
    <a href="https://stackoverflow.com/questions/536814/insert-ellipsis-into-html-tag-if-content-too-wide">Insert ellipsis (&hellip;) into HTML tag if content too wide</a><br>
    <a href="https://stackoverflow.com/questions/6222616/with-css-use-for-overflowed-block-of-multi-lines">With CSS, use &ldquo;&hellip;&rdquo; for overflowed block of multi-lines</a>  </p>
  </blockquote>
  
  
  
  <p>Hi I am trying to have a div tag to display a question
  this div box is constrained by size, because of the lay out specification
  this div tag should show as much text as it can, if it can't show all, it should have ellipsis (i.e. .....) at the end</p>
  
  <p>currently i want it to display maximum 3 lines in that div</p>
  
  <p>if it is more than 3 lines, than it will show ellipsis</p>
  
  <p>example:</p>
  
  <p>This is a question,
  from follow student
  who attended...</p>
  
  <p>my current style for that div tag is the following:</p>
  
  <pre><code> .question {
      max-height: 40px;
      max-width:200px
      text-overflow: ellipsis;
      overflow: auto;
   }
  </code></pre>
  
  <p>this doesn't do the trick...
  please help</p>