Transbordamento de texto

Texto transbordando o elemento pai e causando uma quebra de linha indesejada.

Texto transbordando o elemento pai sem quebra de linha e o usuário consiente disso.

<p class="txt_overflow" title="Texto transbordando o elemento pai sem quebra de linha.">
    Texto transbordando o elemento pai sem quebra de linha.
</p>

DICA: A pesar do leitor de tela reconhecer o texto todo e a maioria dos usuários estar consiente de que ele continua, muitas vezes é bom também adicionar o texto no atributo title. O usuário não pode adivinhar o que está escrito no restante do texto! E isso é muito frustante!

.txt_overflow, .txt_nowrap, .txt_ellipsis {
    display: block;
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
}