CSS multiline text with ellipsis


Link Source Demo: https://codepen.io/martinwolf/pen/qlFdp

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et.

			
h2 {
	display: -webkit-box;
	height: 67px; 
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

Lorem ipsum dolor sit amet consectetur adipisicing elit. Explicabo tempora, velit dolores aliquid dolorem repudiandae consequuntur quas quo culpa eos?

			
h3 {
	display:inline-block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 18ch;
}