• Cuarzo.dev
  • Posts
  • Cómo Alinear Imágenes, Texto o cualquier elemento multimedia con Flexbox

Cómo Alinear Imágenes, Texto o cualquier elemento multimedia con Flexbox

Aprenderemos a alinear elementos y texto usando la tecnología de CSS Flexbox.

Author

Kiko Palomares
March 14, 2023 • Lo lees en: 2 minutos

Curso de CSS desde cero [completo]

Como desarrollador web es importante tener un buen conocimiento en CSS. En este curso vas aprender todo lo necesario para dominar este lenguaje de estilos.

newsletter.cuarzo.dev/p/curso-css-desde-cero

En esta clase breve pero esencial, vamos a aprender cómo alinear una imagen y un texto utilizando Flexbox. Este es un diseño muy común en la web donde se tiene un objeto multimedia (imagen, video, etc.) a un lado y el texto al otro lado. Vamos a ver cómo lograrlo de manera efectiva y sencilla.

Estructura HTML del Contenedor de Media

Primero, definimos la estructura HTML de nuestro contenedor multimedia. Tendrá una clase media, una imagen y un párrafo para el texto.

Suscríbete para seguir leyendo...

Este contenido es gratuito, pero debes estar suscrito a Cuarzo.dev para continuar leyendo.

Already a subscriber?Sign In.Not now

Reply

or to participate.