Putting text in a box

From Create Your Own Story

(Difference between revisions)
(Embedding links other than images is blocked, so I thought that these links are not necessary. If this is a mistake, then could you please send me a message explaining why.)
Line 57: Line 57:
*[[Turning off the wiki syntax]]
*[[Turning off the wiki syntax]]
*[[Embedding pictures]]
*[[Embedding pictures]]
-
*[[Embedding video]]
 
-
*[[External links]]
 

Revision as of 11:07, 31 July 2022

"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