Как создать текст Ellipsis с двумя строк с каким -то суффиксом? ⇐ Html

[Anonymous]

Я хочу создать небольшую карту, подобную этой, с HTML & CSS & JS

Вы видите на картинке, что карт показывает линии. Кроме того, после текста следует небольшая кнопка и не будет создавать новую строку.
Как я могу реализовать эту карту?.card {
width: 120px;
height: 80px;
border: 1px solid black;
border-radius: 8px;
padding: 0px 4px;
background: white;
}

.card p {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}< /code>

lost all your money, choose and select a rare cardgood
good
< /code>
< /div>
< /div>
< /p>
Вы можете увидеть, как я сначала положил кнопку в P -элемент, она просто исчезает, и когда я ставлю кнопку вне элемента P, она просто создает новую линию. Или чистый CSS и HTML также может решить эту проблему?

Подробнее здесь: https://stackoverflow.com/questions/797 ... ome-suffix