¿Cómo se pueden mostrar imágenes una al lado de la otra en un GitHub README.md?
Estoy intentando mostrar una comparación entre dos fotos en mi README.md y es por eso que quiero mostrarlas una al lado de la otra. Así es como se colocan actualmente las dos imágenes. Quiero mostrar los dos esquemas de color Solarized uno al lado del otro en lugar de arriba y abajo. La ayuda sería muy apreciada, ¡gracias!
La forma más sencilla que se me ocurre para resolver esto es utilizando las tablas incluidas en la rebaja con sabor de GitHub.
Para su ejemplo específico, se vería así:
Solarized dark | Solarized Ocean
:-------------------------:|:-------------------------:
![](https://...Dark.png) | ![](https://...Ocean.png)
Esto crea una tabla con Solarized Dark y Ocean como encabezados y luego contiene las imágenes en la primera fila. Obviamente reemplazarías el ...
enlace por el enlace real. Los :
s son opcionales (simplemente centran el contenido en las celdas, lo cual es un poco innecesario en este caso). También es posible que desees reducir el tamaño de las imágenes para que se muestren mejor una al lado de la otra.
Esto mostrará las tres imágenes una al lado de la otra si las imágenes no son demasiado anchas.
<p float="left">
<img src="/img1.png" width="100" />
<img src="/img2.png" width="100" />
<img src="/img3.png" width="100" />
</p>