Y
yamashita
Alfa
Usuário com poucas negociações! Use sempre o saldo do 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
Tradução em andamento: em alguns minutos este tópico estará em português. Por enquanto, o conteúdo está no original em espanhol. Ver original
Foi útil? Participe da conversa
Com sua conta grátis você pode responder, mandar mensagem privada ao autor e comprar com Saldo retido: o pagamento é liberado quando você recebe o combinado.
Leva 30 segundos · você volta a este tópico ao terminar
Digitalplus
VIP
Préstamo impago
Zeta
Diseñador
Verificado
Verificación en dos pasos activada
Verificado por Binance
Usuário 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
Usuário com poucas negociações! Use sempre o saldo do 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 edição:
Tópicos similares
