Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Flow text around an image in (GitHub) Markdown

I have a narrow long image that I want to display at the top right of a README.md file on GitHub. I have been trying several things to get it aligned right and currently have

<p align="right">   <img src="doc/subpagelist.png" /> </p> 

This works in that the image is aligned on the right side, though is rather useless as all content that is below in image in the Markdown file gets displayed under the bottom of the image, rather then to the left of it.

Is there a way to have the text flow around the image (without getting rid of headers and paragraphs)?

like image 809
Jeroen De Dauw Avatar asked Sep 29 '13 06:09

Jeroen De Dauw


People also ask

How do I wrap text around an image in markdown?

5. Wrapping Text Around Image. Place the image in either side of the text by changing align value to left|right . Yes, this requires a bit of HTML, but works on most platforms like GitHub and Reddit.

How do I cross out text in GitHub?

In order to create a crossed-out text, use the tilde in Markdown twice in a row, followed by the respective text and then another two tildes. ~~This text is struckthrough. ~~ This one isn't.


1 Answers

The align="right" (or left) attribute works in GitHub Markdown:

<img align="right" src="doc/subpagelist.png"> 
like image 97
Jo Liss Avatar answered Sep 23 '22 04:09

Jo Liss