Доброго времени суток.
Возникла необходимость реализовать резиновый текст. Есть резиновый блок
min-width: 300px;
max-width: 700px;
В нем написан текст размером в 28 пикселей в одну строчку. Необходимо сделать так, чтобы при уменьшении экрана также вместе с резиновым блоком уменьшался бы размер шрифта, при этом текст также должен быть написан в одну строчку.
Ссылка на jsfiddle.
Если это невозможно реализовать через обычный html и css то прошу помочь небольшим js скриптом.
Прошу вашей помощи в реализации данного вопроса.