Apresentação com caixa de rolagem

Avisos:

• O Stardoll irá dizer que não é permitido e bla blá da 1ª vez que você tentar salvar, então para permitir você clica de novo.
• Não precisa ser só texto, mas pode ser imagens também. Para isso você tira o "TEXTO AQUI" e no lugar (sem mudar nada dos lados e afins) você deixa o cursor em cima e vai em "adicionar imagens" no lugar que você clicaria para colocar as imagens normalmente na apresentação.
• Peguei os modelos e os códigos no Stardoll + Brasil
• Se você tem uma noção disso, pode mudar o tamanho das caixas nesta parte: width: 571px; height: 150px 

Modelo 1:

<p style="line-height: 12px; background-color: #FFFFFF; margin: 0px;  font-family: 'Century Gothic'; font-size: 11px; padding: 0px;  text-align: left; border: 3px double #000000; margin: auto; padding:  5px; overflow: auto; white-space: pre-wrap; word-wrap: break-word;  width: 571px; height: 150px;">TEXTO AQUI</p>

Modelo 2:

<p style="line-height: 12px; background-color: #FFFFFF; margin: 0px;  font-family: 'Century Gothic'; font-size: 11px; padding: 0px;  text-align: left; border: 3px dotted #000000; margin: auto; padding:  5px; overflow: auto; white-space: pre-wrap; word-wrap: break-word;  width: 300px; height: 200px;">TEXTO AQUI</p>

Modelo 3:

<p style="line-height: 12px; background-color: #FFFFFF; margin: 0px;  font-family: 'Century Gothic'; font-size: 11px; padding: 0px;  text-align: left; border: 3px solid #000000; margin: auto; padding: 5px;  overflow: auto; white-space: pre-wrap; word-wrap: break-word; width:  400px; height: 100px;">TEXTO AQUI</p> 

Modelo 4:

<p style="line-height: 12px; background-color: #FFFFFF; margin: 0px;  font-family: 'Century Gothic'; font-size: 11px; padding: 0px;  text-align: left; border: 2px dashed #000000; margin: auto; padding:  5px; overflow: auto; white-space: pre-wrap; word-wrap: break-word;  width: 200px; height: 300px;">TEXTO AQUI</p>

Visualize os modelos:

Qualquer dúvida, comente aqui.