The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS [SOLVED] Make text height follow parent div Re: [SOLVED] Make text height follow parent div


To get the result I wanted, I had to use this code:

// Cache the div so that the browser doesn't have to find it every time the window is resized.

// Run the following when the window is resized, and also trigger it once to begin with.
$(window).resize(function () {
var $div = $('li.leaf.item');
// Get the current height of the div and save it as a variable.
var height = $div.height();
// Set the font-size and line-height of the text within the div according to the current height.
'font-size': (height/2) + 'px',
'line-height': height + 'px'

Thank you joshuanhibbert for the help!