Let's keep it simple! We've done some work on image display in order to keep the markup simple and not require a lot of tricks to get to display correctly. There's no need to add breaks around images. Here's how it works:
- If you are placing an image in a line of text, it should be no taller than 16 pixels.
- If you are placing an image between two sentences or in a list (ordered or unordered), it should be set of with a semicolon.
Markup for an image in a set of steps
This is what the wiki markup for "setting an image off with a semicolon" looks like:
#This is a step.
#This is the next step.
Example of an image in a set of steps
This is an example with longer text and a longer image:
- This is a step. And here are some additional words so you can see what they look like running above the image.
- This is the next step, again, with extra words so you can see what they look like running below the image.
Inline image example
- 16px high: This is some text. The following image is just placed inline . And this is some more text just so that we have more text. Well, that's really not enough text so I'm adding some more here so that we have enough for testing.