trancate en css

1<h1>
2  This little piggy went to market and this little piggy stayed home.
3</h1>
4
5h1 {
6  width: 200px;
7  white-space: nowrap;
8  overflow: hidden;
9  text-overflow: ellipsis;
10  
11  padding: 20px;
12  font-size: 1.3rem;
13  margin: 0;
14  background: white;
15  resize: horizontal;
16}
17
18body {
19  height: 100vh;
20  overflow: hidden;
21  display: grid;
22  place-items: center;
23  background: #ccc;
24}