How do I center an image in the README.md file on GitHub?

by

This is from GitHub’s support:

Hey Waldyr,

Markdown doesn’t allow you to tweak alignment directly (see docs here: http://daringfireball.net/projects/markdown/syntax#img), but you can just use a raw HTML ‘img’ tag and do the alignment with inline css.

Cheers,

So it is possible to align images! You just have to use inline CSS to solve the problem. You can take an example from my GitHub repository. At the bottom of README.md there is a centered aligned image. For simplicity you can just do as follows:

<p align="center">
  <img src="http://some_place.com/image.png" />
</p>

Although, as nulltoken said, it would be borderline against the Markdown philosophy!

This code from my README file:

<p align="center">
  <img src="https://github.com/waldyr/Sublime-Installer/blob/master/sublime_text.png?raw=true" alt="Sublime's custom image"/>
</p>

It produces this image output, except centered when viewed on GitHub:

<p align="center">
  <img src="https://github.com/waldyr/Sublime-Installer/blob/master/sublime_text.png?raw=true" alt="Sublime's custom image"/>
</p>

More Related Contents:

  1. How to add images to README.md on GitHub?
  2. How to add color to GitHub’s README.md file
  3. GitHub relative link in Markdown file
  4. How to show math equations in general github’s markdown(not github’s blog)
  5. Latex rendering in README.md on Github
  6. How to escape a pipe char in a code statement in a markdown table?
  7. Promoting my GitHub repo [closed]
  8. How to commit clone to my GitHub as a new project?
  9. Syncing with github
  10. How to work on personal GitHub repo from office computer whose SSH key is already added to a work related GitHub account?
  11. How do I configure GitHub to use non-supported Jekyll site plugins?
  12. Calculate RSA key fingerprint
  13. npm install and build of forked github repo
  14. Github: Can I see the number of downloads for a repo?
  15. Show current state of Jenkins build on GitHub repo
  16. How can I change the language of a repository on GitHub?
  17. Private pages for a private Github repo
  18. Updates were rejected because the tip of your current branch is behind hint: its remote counterpart. Integrate the remote changes (e.g [duplicate]
  19. How does squashing, rebasing, reset –soft affect github contributions page?
  20. What do raw.githubusercontent.com URLs represent?
  21. How can I embed a YouTube video on GitHub wiki pages?
  22. Error “The authenticity of host ‘github.com’ can’t be established. RSA key fingerprint “
  23. Referencing a .css file in github repo as stylesheet in a .html file
  24. Having a private branch of a public repo on GitHub?
  25. Why does my GitHub page not update its content?
  26. Issues with pushing large files through Git
  27. CocoaPods and GitHub forks
  28. github search limit results
  29. How to run GitHub Actions workflow only if the pushed files are in a specific folder
  30. How do I make a GitHub Action matrix element conditional?

Leave a Comment