<!DOCTYPE html> <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> <style> #test { width: 100px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; border: solid thin grey; font: 20px 'Ahem'; line-height: 40px; } </style> <p>This tests the -webkit-line-clamp property with line-height applied.</p> <div id="test"> XXXX XXX </div>