Text overflow two lines to play ellipsis

Two lines-compatible under Google Browser:

HTML code <  class= "contxt-bulka-01">iphone 6,iphone 6S screen Protector teksonic [iphone 6 and iphone 6S iphone 6S iphone 6S]</p>CSS Code. CONTXT-BULKA-01 {    Display:- Webkit-box;    height:35px;    Word-break:break-all;    text-overflow:ellipsis;    -webkit-text-overflow:ellipsis;    Overflow:hidden;    -webkit-line-clamp:2;    -webkit-box-orient:vertical;    font-size:16px;}

Force a line ellipsis

#test {    text-overflow:ellipsis;    White-space:nowrap;    Overflow:hidden;    width:20px;} Text-overflow supports 2 values: Ellipsis is the default value for displaying ellipses and clip for clipping text. The function of White-space:nowrap is to not let the contents of the element be folded in a row and displayed on one line. The Overflow:hidden is hidden for overflow, with the aim of exceeding the element's wide height to no longer appear. width:20px; Sets the width of the element, which displays an ellipsis when the content exceeds that width.

Text overflow two lines to play ellipsis