Acoplar el contenigo de una pagina en diferentes anchos de iframe

[saymon]

Hola Amigos,

Aqui tengo una pregunta que para algunos puede ser bastante novata, mira yo tengo una pagina que es insertada por medio de iframes en diferentes lugares de mi sitio web, la pagina es pagina.html y puede tener un texto como este:

Código HTML:

<p>Aqui un texto largo, Aqui un texto largo, Aqui un texto largo, Aqui un texto largo, Aqui un texto largo, Aqui un texto largo, Aqui un texto largo, Aqui un texto largo, Aqui un texto largo, Aqui un texto largo, Aqui un texto largo, Aqui un texto largo, Aqui un texto largo, Aqui un texto largo, Aqui un texto largo, Aqui un texto largo, </p>
 

con ese texto es suficiente para el ejemplo que quiero, cuando uno ve esta pagina directamente (pagina.html) se vera el texto en una linea horizontal, lo mas probable de borde a borde del browser ya que es una linea de text ininterrumpida.

El problema esta en que esta pagina.html es insertada en iframes de diferentes tamaños, ejemplos

Código HTML:

<iframe width="260" scrolling="no" height="190" frameborder="0" src="/pagina.html" id="avatarFrame"></iframe>
 
<iframe width="120" scrolling="no" height="190" frameborder="0" src="/pagina.html" id="avatarFrame"></iframe>
 

etc..

El punto esta que en estos iframe la pagina se seguira viendo como una linea de texto ininterrumpida, lo que quiero que haga es acomplar el texto de acuerdo al tamaño del iframe.

Alguno sabe como hacer esto ?

Saludos y gracias de atemano