truncate text in css code example
Example 1: text overflow ellipsis css
div {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
Example 2: trancate en css
<h1>
This little piggy went to market and this little piggy stayed home.
</h1>
h1 {
width: 200px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
padding: 20px;
font-size: 1.3rem;
margin: 0;
background: white;
resize: horizontal;
}
body {
height: 100vh;
overflow: hidden;
display: grid;
place-items: center;
background: #ccc;
}