Как обрезать текст?

Question

[#ямыnginx]

Здравствуйте, необходимо обрезать текст ровно на половину, но не понимаю, как такое можно реализовать на CSS.
Пример:
Обрезанный пример:

Answer 1

[Сергей Зенькович]

Создайте div, установите ему нужную высоту, задайте свойство overflow: hidden, поместите в него текст. Например так.

<div class = 'a'>
	<h1>Hello</h1>
</div>

css:
.a{
height: 20px;
overflow: hidden;
}

.a h1{
margin: 0;
}

Comments

[#ямыnginx]

love you

[#ямыnginx]

А стоп, оно скрывает верхнюю часть текста, а мне то нужна нижняя(

[Сергей Зенькович]

#ямыnginx, задайте родителю position: relative а тексту position: absolute и скрывайте текс как вам хочется, например:

.a{
	height: 20px;
	overflow: hidden;
	position: relative;
}

.a h1{
	margin: 0;
	position: absolute;
	top: -80%;
}

Answer 2

[Олег]