<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;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.