Typo faces

A couple of days ago I made a mistake while editing some css files. The effect of my mistake remembered me of a homework during my bachelor studies typography course...

The exercise was: "Take some letters of your choice and combine them to an interesting face." Sounds trivial, but as soon as you're getting deeper into the contruction and complexity of / letters / (like contructing a font), you'll admit that this it's NOT.

For some "random ideas" or a lift-off of how this could look like you may try this:

But how does this work? Trust me, this is pretty easy...At first declare a class in your css file with a fixed width and height. In this example I called it "wrapper". After that paste it into an html document like that:

<div class="wrapper">
<p style="font-size:10em;line-height:0.1em;">
Just write some random stuff here, you may
vary the amount of letters for different resuslts. 
</p>
</div>

That's it.