CSS-Demo

<html lang="en">
    <head>
        <meta charset="utf-8" />
        <title>Demo</title>
        <style>
            div {
                width: 300px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; border: 1px solid black;
            }
        </style>
    </head>
    <body>
        <h1>Demo</h1>
        <div>Demo text. Demo text.Demo text.Demo text.Demo text. </div>
    </body>
</html>