Poznaję technologie webowe. Mam na stronie akapit którego treść jest dynamicznie
"rozwijana":

<p id="to_read" class="read_it">
Tu jest rozwijany dynamicznie tekst.
</p>

przy pomocy animacji JavaScriptowej:

// Rozwijany napis:
var itemIntro;
var lettersIntro = 0;
var textIntro = "";
function animateIntro(idText) {
if (idText !== null) {
itemIntro = document.getElementById(idText);
textIntro = itemIntro.innerHTML;
}
itemIntro.innerHTML = textIntro.substr(0, lettersIntro) +
((lettersIntro % 2) && lettersIntro < textIntro.length ?
"&#10162;" : "");
lettersIntro++;
if (lettersIntro <= textIntro.length) {
setTimeout("animateIntro(null)", 33);
}
}

To znaczy tekst w akapicie dynamicznie się wydłuża, przez co wysokość akapitu się
zwiększa, co powoduje przesuwanie reszty strony. Chciałbym zarezerwować na stronie
pewną wysokość dla tego akapitu, ale nie wiem jak to zrobić bo jestem początkujący.
Zrobiłem tak:

<div onload="this.style.minheight = this.styles.height">
<p id="to_read" class="read_it">
Tu jest rozwijany dynamicznie tekst.
</p>
</div>

ale nie działa. Byłbym wdzięczny za pomoc.