githubmarkdown

How to put image and text on same line in a GitHub README.md?


I would like to display the image and text on same line. This is what I have currently:

![image](https://user-images.githubusercontent.com/84743905/174507937-c8637dd7-5a10-4c12-bf23-945c7872ace2.png) <h3>TECHNOLOGIES</h3>

Solution

  • This should do the trick. You'll just need to edit the height value to your liking

    <h3><img align="center" height="30" src="https://user-images.githubusercontent.com/84743905/174507937-c8637dd7-5a10-4c12-bf23-945c7872ace2.png"> TECHNOLOGIES</h3>
    

    For the image to always be as tall as text no matter of user's font size, use style="height: 1em; vertical-align: middle;" attribute

    <h3><img alt="</> logotype" src="https://user-images.githubusercontent.com/84743905/174507937-c8637dd7-5a10-4c12-bf23-945c7872ace2.png" style="height: 1em; vertical-align: middle;"> TECHNOLOGIES</h3>