My first reply hasn't posted, so I'll try again.
I don't understand why you would want to have a PRE Tag with text that
overflows outside of the screen. I think it would be best if you used
something like:
pre {
overflow: auto;
}
This will add a scroll bar if the text overflows the width of PRE, it
also protects your formatted text.
If you wish to have the content flow off screen and have a red border,
I suggest using DIV with display: inline, white-space: no-wrap, and
changing font to something like courier. i don't think this will
display correctly on IE6 though.
Hope this information helps you.
On Jul 10, 6:34 pm, scootergrisen <[email protected]> wrote:
> Use outline instead of border:
>
> <pre style="outline:5px solid red">Lorem ipsum dolor sit amet,
> consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
> labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
> exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
> Duis aute irure dolor in reprehenderit in voluptate velit esse cillum
> dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
> proident, sunt in culpa qui officia deserunt mollit anim id est
> laborum.</pre>
>
> But you might not want to use <pre> because i dont think its is
> flexible.
> Try :
>
> <div style="border:5px solid red">Lorem ipsum dolor sit amet,
> consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
> labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
> exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
> Duis aute irure dolor in reprehenderit in voluptate velit esse cillum
> dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
> proident, sunt in culpa qui officia deserunt mollit anim id est
> laborum.</div>
>
> or
>
> <span style="border:5px solid red">Lorem ipsum dolor sit amet,
> consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
> labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
> exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
> Duis aute irure dolor in reprehenderit in voluptate velit esse cillum
> dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
> proident, sunt in culpa qui officia deserunt mollit anim id est
> laborum.</span>
--
--
You received this because you are subscribed to the "Design the Web with CSS"
at Google groups.
To post: [email protected]
To unsubscribe: [email protected]
