Узнать длину определенной строчки(текст) в HTML блоке

.post {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    white-space: pre-wrap;
    word-break: break-word;
    overflow-y: hidden;
    font-size: 15px;
}

В блоке текст, присутствуют html теги, вроде span/p. Без наружных и внутренних отступов.

1. Как узнать, что в блоке, текст занимает более 3 строчек?
2. Как подсчитать длину третей строчки в px, с целью добавить кнопку на развертывание, именно на окончание строчки?