Posted on 14th Jun 2026 at 08:00 by Admin
We can only use Markdown and HTML in an Astro MD file. There’s not much copy-and-pasting required to float an image to left or right, and global styles handle much of the text that had to be included
Sed malesuada purus elit, vel tincidunt libero bibendum vitae. Cras fermentum pretium auctor. Sed sollicitudin turpis nec ullamcorper bibendum. Curabitur congue nisl ac lobortis ultrices. Donec rhoncus, erat vel suscipit laoreet, tellus nulla tincidunt ex, in efficitur lorem lacus sed lacus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam laoreet facilisis dui, nec sagittis ligula ullamcorper vitae. This page is similar to ‘Text flowing around images 1’. The Lady of Shalott immediately follows this text …
Lady of Shalott #1 (page caption)
… and this text immediately follows the Lady of Shalott. Maecenas id sapien risus. Nullam varius id tellus quis volutpat. In a tempor tortor, cursus sodales enim. Integer sed felis et massa lacinia molestie volutpat quis dui. Duis interdum libero sed velit ornare, at blandit nulla volutpat. Mauris quis mi arcu. Praesent vulputate accumsan tortor, et ullamcorper sapien tincidunt ut. Nulla a eleifend justo. Nam facilisis efficitur risus, vitae ornare ex fringilla vitae. Phasellus neque justo, vehicula sed finibus non, posuere sed ligula. The second image of the Lady of Shalott immediately follows this text …
Lady of Shalott #2 (page caption)
… and this text immediately follows the second image of the Lady of Shalott. Proin diam lectus, blandit sit amet odio id, ultrices venenatis erat. Fusce lacinia, tortor eget dapibus condimentum, odio urna elementum eros, vestibulum ornare eros sapien in turpis. Vivamus congue consectetur odio at convallis. Aliquam metus nunc, iaculis at quam in, pellentesque aliquam lorem. Integer quis pretium turpis. Morbi diam justo, porttitor nec augue nec, blandit posuere neque. Aenean molestie facilisis turpis, id sagittis nisl ornare vitae. Cras rutrum lacus tellus. Sed id est et leo porta blandit. Donec id tempus sem. Integer hendrerit urna eget nunc dignissim accumsan. Aliquam vitae bibendum massa, in accumsan risus. Donec eu turpis dapibus ligula interdum sodales eu eget nibh. The Nymph immediately follows this …
Nymph (page caption)
… and this immediately follows the Nymph. Sometimes the way in which the text flows around the images is slightly counter-intuitive, but judicious insertion of <div style=“clear: both;” /> usually sorts things out. Aenean ultrices aliquam magna, eu facilisis lacus egestas eu. Maecenas ultrices nulla in convallis hendrerit. Aliquam posuere urna et enim faucibus, ac condimentum ipsum egestas. Ut viverra dolor in felis hendrerit euismod. Etiam molestie magna at egestas vulputate. Vestibulum rhoncus tortor consequat elementum pulvinar. Nulla elementum quam eget diam sagittis, vel porta odio ullamcorper. Curabitur pulvinar quis turpis non dignissim. In in sapien aliquet lectus laoreet pellentesque in eu enim. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
Nulla elementum quam eget diam sagittis, vel porta odio ullamcorper. Curabitur pulvinar quis turpis non dignissim. In in sapien aliquet lectus laoreet pellentesque in eu enim. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Nam fermentum tellus quis sollicitudin blandit. Vestibulum eget tortor at dui hendrerit dignissim ac at nibh.