Auslassungspunkte in der zweiten Zeile mit weiterlesendem Inhalt auf der rechten Seite ⇐ CSS

[Guest]

Ich versuche, einen zweizeiligen Inhalt mit Auslassungspunkten zu erstellen und nach den Auslassungspunkten einen Link zum Weiterlesen zu platzieren, aber es funktioniert für eine einzelne Zeile, ich habe es für zwei Zeilen probiert
Stil meines Codes< /p>

Code: Select all

.maincontent {
display: flex;
}

.firstpart {
flex: 1 1;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

.secondpart {
white-space: nowrap;
display: inline-block;
}

Code: Select all

 // main content
test content test content test content
click to see more content

erwarteter Screenshot