Ellipsis to limit text height & width

Hello,
I was trying to limit my text width & height , I usesd text-overflow: ellipsis in my CSS file but I got this result :

my CSS is :

.ellipsis{
white-space: nowrap;
width: 12em;
height: 12em;
overflow: hidden;
text-overflow: ellipsis;
border: 1px solid #000000;
}