Comment afficher les images côte à côte dans un GitHub README.md?

Le moyen le plus simple de résoudre ce problème consiste à utiliser les tables incluses dans le balisage aromatisé de GitHub.

À votre exemple spécifique, cela ressemblerait à ceci:

Solarized dark | Solarized Ocean :-------------------------:|:-------------------------: ![](https://...Ocean.png) | ![](https://...Dark.png) 

Cela crée une table avec les couleurs Solarized Dark et Ocean comme en-têtes, puis contient les images de la première ligne. Évidemment, vous remplaceriez le ... par le vrai lien. Les : s sont optionnels (ils ne font que centrer le contenu dans les cellules, ce qui est plutôt inutile dans ce cas). Vous pourriez également vouloir réduire la taille des images pour qu’elles s’affichent mieux côte à côte.

Vous pouvez placer chaque image côte à côte en écrivant le marquage pour chaque image sur la même ligne.

 ![alt-text-1](https://stackoverflow.com/questions/24319505/how-can-one-display-images-side-by-side-in-a-github-readme-md/image1.png "title-1") ![alt-text-2](https://stackoverflow.com/questions/24319505/how-can-one-display-images-side-by-side-in-a-github-readme-md/image2.png "title-2") 

Tant que les images ne sont pas trop grandes, elles s’afficheront en ligne, comme le montre cette capture d’écran d’un fichier README de GitHub:

Cela affichera les trois images côte à côte si les images ne sont pas trop larges.

Semblable aux autres exemples, mais en utilisant le dimensionnement HTML, j’utilise:

Voici un exemple

J’ai testé ceci en utilisant Remarquable .

Si, comme moi, vous avez constaté que la réponse @wiggin ne fonctionnait pas et que les images n’apparaissaient toujours pas en ligne, vous pouvez utiliser la propriété ‘align’ de la balise d’image html et quelques ruptures pour obtenir l’effet souhaité, par exemple:

 # Title    




 ## Table of Contents... 

Évidemment, vous devez utiliser plus de pauses en fonction de la taille des images: terrible oui, mais cela a fonctionné pour moi, alors j’ai pensé partager.