HTML

truncate text line clamp

<p>Super duper long, super duper line of text<p>

<style>
	p {
     display: -webkit-box;
     overflow: hidden;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 1;
    }
</style>