Colocar imagen y texto juntos en una página web

blaster99 Seguir

Alfa
Verificación en dos pasos desactivada
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
25 Abr 2022
Mensajes
15
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.jpg
 

Puko

Delta
Verificación en dos pasos activada
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
20 Dic 2022
Mensajes
691
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:

¡Regístrate y comienza a ganar!

Beneficios

  • Gana dinero por participar
  • Gana dinero por recomendarnos
  • Descubre ofertas de empleo diariamente
  • Negocios seguros
  • ¡Información premium y más!

Acceder

¿Ya tienes una cuenta? Accede aquí

Arriba