On my website, I am encountering an issue with the FitText plugin not working properly. The width of a div that I have created using jQuery is causing the problem. Here is the jQuery code:
$('.myContent').css({
position: 'relative',
float: 'left',
height: $('.target').height()-50,
width: $('.target').width()/3
});
The CSS for "myContent" is as follows:
div.myContent {
margin-top: 4em;
text-align: left;
font-size: 14pt;
overflow: hidden;
display: inline-block;
width: auto;
}
The content within my div is structured like this:
<klein><fine>GEMÜSE</klein></fine> SURPRISE-MENU
<strong>bio</strong><klein>geniessen</klein>
<stark> WEIN</stark> <klein> KERZENLICHT</klein>
Here is the snippet of code for FitText.js:
<script>
jQuery("#myContent").fitText(4.2);
</script>
If you would like to visit the site and offer any assistance, please go to
Thank you in advance for any help provided. - Carol