# Image Styling für Github Flavored Markdown

Markdown ist eine schöne einfach Möglichkeit Texte zu schreiben ohne von Formatierung abgelenkt zu
werden. Ich stoße jedoch häufig an ein paar Probleme was das Bildern angeht und habe deshalb hier
das wichtigste zusammengefasst.

Bilder lassen sich am besten anpassen wenn man in markdown nicht die Abkürzung `![](url)` nutzt,
sondern den html `img`-Tag einsetzt. Das ermöglicht auch das Setzen der Breite mit `width=100` oder
der Höhe mit `height=100`.

```html
<img width=100
src=https://user-images.githubusercontent.com/6299062/124871450-5a823980-dfc4-11eb-8e43-6b941ee81bf8.png>
```
<hr>

```html
<img width=100 align=left
src=https://user-images.githubusercontent.com/6299062/124871450-5a823980-dfc4-11eb-8e43-6b941ee81bf8.png>
Das ist der Text der dann rechts davon steht
```

Das ist der Text der dann rechts davon steht

<hr>

```html
<img width=100 align=right
src=https://user-images.githubusercontent.com/6299062/124871450-5a823980-dfc4-11eb-8e43-6b941ee81bf8.png>
Der Text der links davon steht
```

Der Text der links davon steht

<hr>

Mächte man das der kommende Text erst nach dem links oder recht alignten Bild kommt kann man

```html
<br clear="right" />
```

bzw.

```html
<br clear="right" />
```

nutzen

