<p>Truncating characters after setting it to max-width!</p>
/* ==============================================================================================
Renata G Martins
http://www.renatagmartins.com.br
================================================================================================= */
body,
html {
margin: 0;
padding: 0;
}
body{
background:#000;
}
p {
font-family:Verdana;
color:#fff;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
max-width: 32ch;
display: inline-block;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.