テキストが表示されます超えて省略記号は折り返されません。

<！DOCTYPE HTML > 
< HTML LANG = "EN" > 
< 頭> 
    < メタ文字コード= "UTF-8" > 
    < タイトル>テキスト</ タイトル> 
</ ヘッド> 
< スタイル> 
    
    の.text { 
      幅：100％; 
      ホワイトスペース：NOWRAP 。
      オーバーフロー：隠されました; 
      テキストオーバーフロー：省略記号。
    } 
</スタイル> 
< 身体> 
    < divのスタイル= "幅：200pxの" > 
        < p個のクラス= "テキスト" > 20-78-90-7620-78-90-7620-78-90-7620-78-90-7620-78 -90-7620-78-90-7620-78-90-7620-78-90-7620-78-90-7620-78-90-7620-78-90-7620-78-90-7620-78-90 -7620-78-90-7620-78-90-76 </ P > 
    </ DIV > 
</ ボディ> 
</ HTML >