Corte o texto usando apenas CSS … mesmo no IE!

A propriedade css text-overflow passou por muitas melhorias no css3, mas o que me chocou é que essa propriedade existe desde o IE6 (com suporte básico) e faz o que precisamos na maioria dos casos (cortar o texto se ele ficar maior que um largura específica e colocar pontos ...à direita para indicar que o texto foi cortado)

html

<h1 class="trim-text">Bite Me!</h1>

css

.trim-text {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

h1 {
  max-width: 100px;
}

demo

Referência:
MDN