p a {
display: inline-block;
max-width: 40ex;
overflow-x: hidden;
text-overflow: ellipsis;
position: relative;
top: 0.25em;
}
Потестировать можно на следующем примере:
<p>Текст идёт такой, никого не трогает, а тут вдруг, хуяк, длинная ссылка <a href="https://ru.wikipedia.org/wiki/%D0%98%D0%BD%D1%82%D0%B5%D1%80%D0%B2%D0%B0%D0%BB_(%D0%BC%D1%83%D0%B7%D1%8B%D0%BA%D0%B0)" title="https://ru.wikipedia.org/wiki/%D0%98%D0%BD%D1%82%D0%B5%D1%80%D0%B2%D0%B0%D0%BB_(%D0%BC%D1%83%D0%B7%D1%8B%D0%BA%D0%B0)">https://ru.wikipedia.org/wiki/%D0%98%D0%BD%D1%82%D0%B5%D1%80%D0%B2%D0%B0%D0%BB_(%D0%BC%D1%83%D0%B7%D1%8B%D0%BA%D0%B0)</a>, и потом опять текст пошёл такой, нормально, спинку ровненько держит, красавец.</p>
<p>Ну а ссылка чё, получила своё многоточие и обрезалась, чтобы место для чтения не загораживать.</p>
Текст ебово копируется в буфер (даже при частичном копировании текста), не нужно делать отдельную тупую кнопку.
Вёрстка текстовой ссылки как инлайн-блока, со всеми вытекающими.