Limita o número de caracteres de um texto e adiciona três pontos (...) no final do texto

limiteCharCss.css

/* Horizontal */
p {
  max-width: 15ch;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Vertical */
p {
  display: -webkit-box;
  max-width: 200px;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}