Hello everyone! I need help with the code provided in this link.
My question is: How can I display only the first two rows?
I have attempted the following:
.wrapper {
border: 1px solid blue;
width: 608px;
}
.text {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
<div class="wrapper">
<div class="text">
Since the introduction of inkjet printing is in the latter half of the
1980s, inkjet printers have grown in popularity and performance while
dropping significantly in price. Since the introduction of inkjet
printing is in the latter half of the 1980s, inkjet printers have grown
in popularity and performance while dropping significantly in price.
</div>
</div>
However, it only displays the first row, whereas I require only the first two rows to be displayed.