自動的に文字の水平比率（長体）を変更出来るようにしたい

Question

やりたいこと

ある指定の幅（px）内に文字を収めたいと考えております。
今回はCSS等で特定のサイズに収まらない場合は「...」を付けたりではなく自動的に文字の水平比率（長体）が変えれるようにしたいと思っております。

特定の幅に文字が収まらない場合は、自動で水平比率を変更出来ればと考えております。おさまる場合は通常の100%で表示したいと考えております。
CSSでtransformのscaleを使う事で水平比率（長体）の変更は出来ることは承知なのですが、この場合は全てに反映＆手動による調整になるかと思われますのでこれを１行ずつ自動で出来ればと考えております。
HTML上のタグに関してはそれぞれの行を p, li 等で出力予定で特にこれといった指定はありません。

Java Script, cssやその他のやり方で出来る方法をご存知の方、ご教授頂ければ幸いです。

例

「あいうえお」は収まるので幅は100%表示（通常）。その他は収まらないので水平比率（長体）が自動的に変更（縮む）して表示させたい。
※縦の比率は100%のまま

Answer 1

↓こういうものを作ったことがあります。

ボックスに収まるように長体をかけるjQueryプラグイン jQuery.compressedFont を公開します - 不動産屋のラノベ読み

ただ、作ったのはだいぶ昔の話なので、現在の環境でちゃんと動くかどうか……
一応、jsFiddleのサンプルは動いているようです。

Comments

[MATRIX]

こちらのソースで出来ました。
出力は一行で行いたかったので一部調節を行いましたが無事に行えました。＾＾
本当に感謝です。ありがとうございました。