Putting text in a box

From Create Your Own Story

"So you want to box your text, do you? It's an ancient technique handed down from editor to editor. And it's done like this!"

The genie spins so fast that he becomes a blur.


<pre> Your text here </pre>


"Which will look like this."


 Your text here 

"There's also another way that someone — I'm not sure who — discovered, and they said it was very simple. Simply add a space before a line of text, and you'll get the same result as before. I can't say whether it's an intentional option or if it will be removed by the greater powers, so be careful."

"However, this type of text box will not allow text at the end of the screen to go on to the next line. If you put too much text in that box, you'll have to use a long scroll bar to see it all!

"This second type of text box is more complicated to format, but looks nicer. The box changes shape to accomodate the text inside and will allow long lines of text to go to the next line:

{| align="center" valign="top" style="background-color: ; border: 1px solid #006DC0; margin: 1em 0; padding: .4em .9em .9em;" | Here's a box full of text. |}

"Produces:

Here's a box full of text.

"Plus, you can alter the background color inside the box:

{| align="center" valign="top" style="background-color: #F1F9FF; border: 1px solid #006DC0; margin: 1em 0; padding: .4em .9em .9em;" | Here's text inside a colored box. |}

"Produces:

Here's text inside a colored box. Notice how this long line of text changes the shape of the box.

Related to the above, if you want to provide an indented quote, use the <blockquote> HTML tag, e.g.:

<blockquote>Somebody important said something a while back that was really, really dumb.</blockquote>

Somebody important said something a while back that was really, really dumb.

"What do you want to learn next?"


Personal tools