How to re-size text to fill a fixed size HTML container?

Damian99

I have to show a variable length text in a fixed size div. How can I achieve this?

unblockable

This code works, but I am using a
little jQuery, I hope this helps in
some way...

<style type="text/css">
    #container {
        height:100px;
        background-color:#eeeeee;
        text-align:center;
        font-family:Myriad Pro;
    }
<style>
<div id="container">01234567890123456789</div>
<script type="text/javascript">
    $(document).ready(function()
    {
        var w = parseInt($("#container").width());
        var l = parseInt($("#container").html().length);
        var fontSize = ( (w / l) *2 ) - 2;
        fontSize = fontSize+'px';
        $("#container").css('font-size', fontSize);
    });
</script>