<p title="I am a long text and I am wrapped to next line">I am a long text and I am wrapped to next line</p> <p class="truncate" title="I am a long text and I am truncated">I am a long text and I am truncated</p>
p { width:170px; margin:10px; font-family:Arial; font-size:14px; } p.truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }