I have the following div. The text in it will be dynamic.

```
<div class="full_name">Libin Babu</div>

```

And I want the result as `Libin B.`

That is I want to TRIM the second name to its first letter and followed by a "dot".
Any help with CSS or jQuery?? I prefer a css solution.

Thanks.