Centrar imagen en Markdown

1. Alinear imágenes en Markdown
2. Cómo centrar la alineación en Markdown

Markdown se conoce popularmente como un lenguaje de marcado ligero que incluye elementos de formato para documentos de texto sin formato con la ayuda de una aplicación de edición de texto. Fue establecido por John Gruber en 2004.

Este lenguaje se ha convertido ahora en el lenguaje de marcado más demandado del mundo. Ahora podemos encontrar muchas aplicaciones basadas en la web que se utilizan especialmente para escribir en Markdown.

Markdown es ligeramente diferente a un editor WYSIWYG. Como se ve en Microsoft Word para formatear palabras y frases, hacemos clic en los botones para ver los cambios inmediatamente.

Pero Markdown no sigue esto. En Markdown, cuando desarrollamos un archivo con formato Markdown, la sintaxis de Markdown especifica algunas palabras y frases que deben ser diferentes en el texto.

Este artículo discutirá cómo centrar una imagen en nuestro archivo markdown. Por ejemplo, el archivo README.md en la raíz de un proyecto de código abierto se muestra en el navegador como HTML.

Alinear imágenes en Markdown

Markdown tiene una forma muy sencilla de escribir contenido sin usar la sobrecarga de formato con un editor WYSIWYG.

Escribir texto en Markdown es rápido, pero ¿qué pasa con la alineación de imágenes?

Las etiquetas de imagen Markdown en sí mismas no tienen ninguna propiedad de alineación, lo cual es muy molesto cuando formateamos nuestro archivo README.md en Github.

<!-- No alignment options -->
(/myimages/mylogo.png)

Afortunadamente, hay una salida para este problema. Usaremos etiquetas de imagen html para mejorar nuestros documentos usando la etiqueta img en HTML.

.md es la extensión markdown que nos dice que README.md es un archivo de descuento. Este archivo se usa para crear el resumen html que vemos al final de nuestros proyectos.

<img align="right" width="120" height="120" src="https://www.pexels.com/photo/photo-of-grey-tabby-kitten-lying-down-2558605/">

Cómo centrar la alineación en Markdown

La alineación central en la reducción es un poco complicada. Como se muestra a continuación, tenemos que envolver la etiqueta img dentro de una etiqueta p.

<p align="center">
  <img width="460" height="300" src="https://www.pexels.com/photo/photo-of-grey-tabby-kitten-lying-down-2558605/">
</p>