xxxxxxxxxx
display: -webkit-box;
-webkit-line-clamp: 3; /* No worries, supported by all browsers */
-webkit-box-orient: vertical;
overflow: hidden; /* Hides text after ellispsis */
xxxxxxxxxx
.max-lines {
display: block;/* or inline-block */
text-overflow: ellipsis;
word-wrap: break-word;
overflow: hidden;
max-height: 3.6em;
line-height: 1.8em;
}