Justificar codigo html

[SidV]

La etiqueta de html <pre> es la que sirve para poner codigos html dentro de un html.. hasta ahi de lujo.
La edité a partir de CSS para que quede mejorcito, ahora bien....
Como hago para que la linea del código html respete el ancho de la hoja?

Codigo CSS:

Código HTML:

pre {
width: 517px;
color: #3300CC;
background-color: #F0F8FF;
font-size: 10px;
padding: 10px 12px;
margin: 0px 10px 15px 10px;
border-left: 1px solid #CCCCFF;
}

Cuando pego una imagen con link, entre etiquetas <pre>
Sale bien el css (el formato), pero se va de resolucion, como hago para que quede dentro de 520 pixeles por ejemplo?

Espero puedan ayudarme...

[SidV]

Wooo...
Solucionado gente!

Código:

pre {
color: #3300CC;
background-color: #F0F8FF;
font-size: 10px;
padding: 10px 12px;
margin: 0px 10px 15px 10px;
border-left: 1px solid #CCCCFF;
border:1px inset; 
width:380px; 
overflow:auto;
}

Ahi esta la solucion...

Por si alguien la necesita.
Ver como queda:
http://acba.bitacoras.com/archivos/2...r_a_aprehender

Salu2.