Markup Image Demo

Markup and images

Example of displaying image with MARKUP only

![Alternate text that get displayed if image cannot be found](/images/notebook.jpg "Title for image")

◎ Notebook

Example of scaling image with combination of CSS and MARKUP

With Markup there is no option to further style the image. Between Markup and HTML an extra line is required otherwise image get not displayed. In this example image is sized to 50% and embedded in inline span block.

<span style="display:inline-block; width:50%">

![Alt-Text](/images/notebook.jpg "Notebook")

</span>

Example of scaled images with text beetwenn

<span style="display:inline-block; width:40%">

![Alt-Text](/images/notebook.jpg "Notebook")

</span>
<span style="display:inline-block; width:15%; padding: 1em;">
Text geht über mehrere Zeilen und muss mit einem span Block umschlossen werden.
</span>
<span style="display:inline-block; width:40%">

![Alt-Text](/images/notebook.jpg "Notebook")

</span>