For the purposes of this tutorial, all examples will use the Amstrad series collage as the picture.
"Dummy" text, known as [[Lorem Ipsum]], used only to show the effect of mixing pictures with running text, is rendered in <span style="color:#996633">a different color</span>.
<br>
Asterisks are used in the text to show the ''edit location'' of the image tag.
=== Photo gallery ===
====Wiki markup and CSS====
To display a series of photos in a gallery, there is a simple method using wiki markup and [[Cascading Style Sheets]]: Float all images in the gallery to the left, and clear their left float at the end to avoid having the images run into following content.
<pre>
:{{tl|gallery end}}
''Advantages:'' Adapts to screen width with wrapping, simpler markup, no [[HTML]], no visible CSS.
''Disadvantages:'' Puts scroll bars and other nasties in some browsers. Can't specify image size.