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
¿Te sirvió? Únete a la conversación
Con tu cuenta gratis puedes responder, escribirle al autor por mensaje privado y comprar con Saldo retenido: el pago se libera cuando recibes lo acordado.
Toma 30 segundos · vuelves a este tema al terminar
Digitalplus
VIP
Préstamo impago
Zeta
Diseñador
Verificado
Verificación en dos pasos activada
Verificado por Binance
¡Usuario popular!
Suscripción a IA
Hola compañero talvez te sirve este código se mira mejor en la pc
Puko
Dseda
Verificación en dos pasos activada
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
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 ...
Y en el css le agregamos: display: flex, se alineara horizontalmente
.cont{
display: flex;
}
Previo ...
Y para separar la imagen del texto...
.imagenx{
margin-right: 20px;
}
Previo ...
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
<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 ...
Y en el css le agregamos: display: flex, se alineara horizontalmente
.cont{
display: flex;
}
Previo ...
Y para separar la imagen del texto...
.imagenx{
margin-right: 20px;
}
Previo ...
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:
Temas similares
