You can use the <nowiki><span> and <div></nowiki> tags to apply special markup to your wiki pages. The main difference between the two is that a <nowiki><div></nowiki> tag always extends to the end of the line, forcing all following content to continue on the next line. So <nowiki><div></nowiki> is ideal to create paragraphs with a different format while <nowiki><span></nowiki> may be used to format single words or phrases within a paragraph.<br>
Inform yourself about the possible formattings e.g. [http://www.eskimo.com/~bloo//indexdot/css/propindex/all.htm here].

{| align="center" border="2" width="100%" cellspacing="4" cellpadding="3" rules="all" style="margin:1em 1em 1em 0; border:solid 1px #AAAAAA; border-collapse:collapse;empty-cells:show;"
|-
| bgcolor="#A7C1F2" |'''Description'''
| bgcolor="#A7C1F2" |'''You type'''	
| bgcolor="#A7C1F2" |'''You get'''
|-
| Colored text
| <nowiki><span style='color:red'>colored</span></nowiki><br><nowiki><span style='color:#FF0000'>colored</span></nowiki><br> <nowiki><div style='color:red'>colored</div></nowiki><br><nowiki><div style='color:#FF0000'>colored</div></nowiki>
| <span style='color:red'>colored</span><br><span style='color:#FF0000'>colored</span><br><div style='color:red'>colored</div><div style='color:#FF0000'>colored</div>
|-
| Change font
| <nowiki><span style='font: 18pt Serif'>bigger text</span></nowiki><br><nowiki><div style='font: 18pt Serif'>bigger text</div></nowiki>
| <span style='font: 18pt Serif'>bigger text</span><br><div style='font: 18pt Serif'>bigger text</div>
|-
| Multiple styles
| <nowiki><span style='font: 18pt Serif; color: green; text-decoration: underline'>Text</span></nowiki><br><nowiki><div style='font: 18pt Serif; color: green; text-decoration: underline'>Text</div></nowiki>
| <span style='font: 18pt Serif; color: green; text-decoration: underline'>Text</span><br><div style='font: 18pt Serif; color: green; text-decoration: underline'>Text</div>
|}

Now an example how to <nowiki>combine <pre><span></pre> and <pre><div></pre>:</nowiki><br>
<pre>
<nowiki><div style='font: 14pt Sans-Serif; color: blue'>
Sample text, extending across multiple lines.<br>
Sample text, extending across multiple lines.<br>
Sample text, extending across multiple lines.<br>
<span style='color:red;text-decoration:underline'>Now this is different ;-).</span>
Sample text, extending across multiple lines.<br>
Sample text, extending across multiple lines.<br>
Sample text, extending across multiple lines.<br>
</div></nowiki>
</pre>
Creates:<br>
<div style='font: 14pt Sans-Serif; color: blue'>Sample text, extending across multiple lines.<br>Sample text, extending across multiple lines.<br>Sample text, extending across multiple lines.<br>Sample text, extending across multiple lines.<br>Sample text, extending across multiple lines.<br><span style='color:red;text-decoration:underline'>Now this is different ;-).</span>Sample text, extending across multiple lines.<br>Sample text, extending across multiple lines.<br>Sample text, extending across multiple lines.<br></div>

==See also==
* [[Help Formatting]]
* [[Help Tables]]
* [[Help Links]]

[[tags: help]]