Обрезание по количеству строк на CSS

Обрезание по количеству строк на CSS

HTML

<p class="text-fit">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Commodi distinctio error esse facilis fuga fugit id illum, obcaecati rem sint. Asperiores consequatur exercitationem incidunt non ratione     reiciendis soluta. Deleniti, quo!
</p>

CSS

.text-fit {
    overflow: hidden;
    max-height: 3em; //1em равен одной строке
}