Colocar imagen y texto juntos en una página web

  • Autor Autor yamashita
  • Fecha de inicio Fecha de inicio
Y

yamashita

Alfa
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
hola quiero poner una imagen y al lado texto cosa que a la izquierda este la imagen y a la derecha el texto o enlaces
ejemplo.webp
 
Hola compañero talvez te sirve este código se mira mejor en la pc
 
creas un <div> y le ponemos por ejemplo class 'cont' ....
<div class="cont">
</div>

Adentro ponemos otros 2 <div> con su class, uno para la imagen y otro para el texto/links ...
<div class="cont">

<div class="imagenx">
<img src="https://forobeta.com/data/avatars/m/287/287877.jpg">
</div>

<div class="textox">
<a href="#">link</a><br>
<a href="#">link</a><br>
<a href="#">link</a><br>
</div>

</div>

Previo ...
2023-05-13_151734.jpg

Y en el css le agregamos: display: flex, se alineara horizontalmente

.cont{
display: flex;
}

Previo ...
2023-05-13_151810.jpg

Y para separar la imagen del texto...

.imagenx{
margin-right: 20px;
}

Previo ...
2023-05-13_152106.jpg

En resumen
A los <div> de imagen y enlaces/texto los pones dentro de un <div> y con display: flex al <div> contenedor se alineara horizontalmente
 
Última edición:
Atrás
Arriba