jquery - divサイズが固定されていない場合、円div内のテキストを正しくフィッティングする方法は?

Question

内部に長いテキストがあるサークル div があります。サークル div が大きい場合は見栄えがしますが、div のサイズを小さくするとテキストがオーバーフローします。ここにフィドルがあります

テキストをこの div 内に収めたい。div のサイズは変更可能であるため、div のサイズに関係なく、テキストはそれに応じて収まる必要があります。フォント サイズは変更できます。助けはありますか？

#ff{    
    width:80px;
    height:80px;
    background-color:red;
    border-radius:100%;
    position:absolute;
    text-align:center;
    line-height:80px;
}