VerticalFillJs is a small script that allows you to resize dynamic text areas to fill their container. To try it for yourself, just enter new text, and click the change & resize buttons below.

To implement, just include vertical.fill.js in the head of your document, and assign each element to be resized with class="verticalFill".


Lorem ipsum dolor sit amet, adipiscing elit.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Etiam massa magna, aliquam placerat, rhoncus sed, hendrerit non, odio. Donec interdum odio eu lacus. Mauris mauris. Duis ipsum eros, molestie sit amet, posuere eget, congue nec, est.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Etiam massa magna, aliquam placerat, rhoncus sed, hendrerit non, odio.