CODEWITHSUNDEEP
imagegithubmarkdownfloating
yttrium
yttrium

Reputation: 465

Floating images in Github Readme

How would I go about doing this? Putting the following code into the Markdown generator gives me the desired output

<div style="float: left"><img src="http://ompldr.org/vaDU5NQ/scrotter.png"/>
</div>
I'm trying not to, kid. Don't act so surprised, Your Highness. You weren't
on any mercy mission this time. Several transmissions were beamed to this
ship by Rebel spies. I want to know what happened to the plans they sent
you. Kid, I've flown from one side of this galaxy to the other.

I've seen a lot of strange stuff, but I've never seen anything to make me
believe there's one all-powerful Force controlling everything.

However, adding this code to my README.md file makes it an inline image instead of floating.

How could I work around this? Is it a Github bug?

Upvotes: 43

Views: 8924

Answers (2)

Paul Shryock
Paul Shryock

Reputation: 1439

I know this thread's old, but for anyone interested, you can use <img align="left" src="img.jpg"> and <img align="right" src="img.jpg"> to float images on GitHub.

Upvotes: 88

Zombo
Zombo

Reputation: 1

I believe it is a security issue with GitHub. My understanding is they strip all HTML attributes such as style with the execption of perhaps href.

Upvotes: 2

Related Questions