line spacing on image alignment

[demlak]

Hi, i just saw, that line spacing differs, when there are images aligned by class "alignright", "alignleft" and "aligncenter" and there is no "new line" before image-tag (same <p>-tag). Also text after the image-tag is not shown on website (kirbytext ignores it?) when there is no new line after image-tag. Maybe this is not changeable markdown behaviour, maybe it is. I just want to let you know =) line spacing is good, when image-tag is written in it's own line

See screenshot

[S1SYPHOS]

Please provide a link, or save the page and send me a .zip or anything 👍

[demlak]

i choose "or anything" =)

try those four in a Text-Field. (For example in a Post (Standard) Template). All of them have same content, except for the linebreak before and after the (image: typewriter.jpg class: alignright)-tag

**the following produces the wanted output**
**(each of the Lorem-text, image-tag and ipsum-text is on a separate line)**

Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem
(image: typewriter.jpg class: alignright)
ipsum ipsum ipsum ipsum ipsum ipsum ipsum ipsum ipsum ipsum ipsum ipsum ipsum ipsum ipsum ipsum ipsum ipsum ipsum ipsum ipsum ipsum ipsum ipsum ipsum ipsum ipsum ipsum ipsum ipsum ipsum ipsum 

dolor dolor dolor dolor dolor dolor dolor dolor dolor dolor dolor dolor dolor dolor dolor dolor dolor dolor dolor dolor dolor dolor dolor dolor dolor dolor dolor dolor dolor dolor dolor dolor dolor dolor dolor dolor

---

**the following produces a different line-spacing on the ipsum part**
**(image-tag in same line with lorem-text and ipsum-text)**

Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem (image: typewriter.jpg class: alignright) ipsum ipsum ipsum ipsum ipsum ipsum ipsum ipsum ipsum ipsum ipsum ipsum ipsum ipsum ipsum ipsum ipsum ipsum ipsum ipsum ipsum ipsum ipsum ipsum ipsum ipsum ipsum ipsum ipsum ipsum ipsum ipsum 

dolor dolor dolor dolor dolor dolor dolor dolor dolor dolor dolor dolor dolor dolor dolor dolor dolor dolor dolor dolor dolor dolor dolor dolor dolor dolor dolor dolor dolor dolor dolor dolor dolor dolor dolor dolor

---

**the following produces a different line-spacing on the ipsum part**
**(image-tag in same line with lorem-text, new line after tag/before ipsum-text)**

Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem (image: typewriter.jpg class: alignright)
ipsum ipsum ipsum ipsum ipsum ipsum ipsum ipsum ipsum ipsum ipsum ipsum ipsum ipsum ipsum ipsum ipsum ipsum ipsum ipsum ipsum ipsum ipsum ipsum ipsum ipsum ipsum ipsum ipsum ipsum ipsum ipsum 

dolor dolor dolor dolor dolor dolor dolor dolor dolor dolor dolor dolor dolor dolor dolor dolor dolor dolor dolor dolor dolor dolor dolor dolor dolor dolor dolor dolor dolor dolor dolor dolor dolor dolor dolor dolor

---

**the following cuts all text after the tag. so, no ipsum or dolor is shown.**
**(image-tag in new line after lorem-text, image-tag in same line with ipsum-text)**

Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem 
(image: typewriter.jpg class: alignright) ipsum ipsum ipsum ipsum ipsum ipsum ipsum ipsum ipsum ipsum ipsum ipsum ipsum ipsum ipsum ipsum ipsum ipsum ipsum ipsum ipsum ipsum ipsum ipsum ipsum ipsum ipsum ipsum ipsum ipsum ipsum ipsum 

dolor dolor dolor dolor dolor dolor dolor dolor dolor dolor dolor dolor dolor dolor dolor dolor dolor dolor dolor dolor dolor dolor dolor dolor dolor dolor dolor dolor dolor dolor dolor dolor dolor dolor dolor dolor

result: