CODEWITHSUNDEEP
htmlcssmarkdowngithub-flavored-markdown
landau
landau

Reputation: 5841

Float an image next to a table in GitHub-flavored Markdown

At the top of this README.md (raw code at the top of this page), I am trying to float an image next to a Markdown table. My efforts with the float style property and align attribute in img have been unsuccessful.

Upvotes: 1

Views: 1325

Answers (2)

Waylan
Waylan

Reputation: 42497

As long as your document is hosted on GitHub you can't.

As documented in GitHub's Markup library, after the Markdown is converted to HTML, the...

HTML is sanitized, aggressively removing things that could harm you and your kin—such as script tags, inline-styles, and class or id attributes. See the sanitization filter for the full whitelist.

In other words, anything you include in the Markdown to "style" your document (style tags, inline-styles, etc.) will be stripped out by the sanitizer. If you want control over the look and styling of your documents, then you need to host them somewhere where you have complete control. GitHub is not that place.

Upvotes: 2

Abbas Nabilou
Abbas Nabilou

Reputation: 187

your table has width:100% and won't let any elements besides. try changing its width to width :auto and display from block to display:inline-block. also, change the image container to display:inline-block

Upvotes: 0

Related Questions