¿Cómo se pueden mostrar imágenes una al lado de la otra en un GitHub README.md?

Resuelto Saad asked hace 10 años • 10 respuestas

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!

Saad avatar Jun 20 '14 10:06 Saad
Aceptado

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.

EpicDavi avatar Jun 20 '2014 05:06 EpicDavi

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>
simibac avatar Jul 28 '2017 09:07 simibac