Html+css text exceeds display ellipsis

Text-overflow Syntax:
Text-overflow:clip | Ellipsis

Text-overflow parameter values and explanations:
Clip: Do not display the ellipsis tag (...). ), but a simple cut
Ellipsis: Displays ellipsis (...) when text inside an object overflows. ）

Text-overflow Application Notes:
CSS Text-overflow Sets or retrieves whether an ellipsis tag (...) is used. ) indicates the overflow of text within the object.

Simple to understand: I want to limit the text to a line (white-space:nowrap;), it is certain that the line is limited (width), and your overflow part to hide (Overflow:hidden;), and then appear the ellipsis ( text-overflow:ellipsis).

<style type= "Text/css" >
p {
width:200px;
height:200px;
Overflow:hidden;
White-space:nowrap;
Text-overflow:ellipsis;
border:1px solid red;
}
</style>

Html+css text exceeds display ellipsis