CSS - Como ubicar un div a la izquierda y dos a la derecha encimados??

Pos: 98

Val: 7

Como ubicar un div a la izquierda y dos a la derecha encimados??

Publicado por Tomas (4 intervenciones) el 25/01/2019 22:06:40

Hola, como estan? Necesito poner una info de contacto como la que hay en la foto 1 por lo cual necesitaria alinear 3 divs como muestro en la foto 2 que adjunto. Necesito 3 div porque el telefono tiene que estar mas grande que el mail. Como seria el css para esto? O de que manera sino podria lograrlo?

info-ejemplo

muchas gracias! tomas

Valora esta pregunta

Me gusta: Está pregunta es útil y esta clara

No me gusta: Está pregunta no esta clara o no es útil

Responder

Pos: 3

Val: 571

Como ubicar un div a la izquierda y dos a la derecha encimados??

Publicado por ScriptShow (125 intervenciones) el 26/01/2019 12:53:52

Saludos Tomas,

lo más sencillo sería convertir el teléfono en una imagen al tamaño deseado.

Algo parecido a la opción con CSS sería adaptar los valores de este código:

<!DOCTYPE html>

<html>

<head>

<style>

* { border:0px; box-sizing: border-box; }

.container { padding: 16px; border: #0000FF 1px solid; }

.div1 { display: inline-block; width: 20%; height: auto;   float: left; text-align: center; border: #000000 1px solid; padding: 107px 0px; }

.div2 { display: inline-block; width: 80%; height: auto; text-align: center; border: #000000 1px solid; padding: 48px 0px; }

.div3 { display: inline-block; width: 80%; height: auto; text-align: center; border: #000000 1px solid; padding: 48px 0px; }

</style>

</head>

<body>

<div class="container">

  <div class="div1">Div Icono</div>

  <div class="div2">Div Telefono</div>

  <div class="div3">Div Mail</div>

</div>

</body>

</html>

Espero sea útil.

Valora esta respuesta

Me gusta: Está respuesta es útil y esta clara

No me gusta: Está respuesta no esta clara o no es útil

Comentar

Pos: 98

Val: 7

Como ubicar un div a la izquierda y dos a la derecha encimados??

Publicado por Tomas (4 intervenciones) el 26/01/2019 14:20:12

Genial!! Muchisimas gracias!

slds, t

Valora esta respuesta

Comentar

Al momento de pasar sobre el numero con hover no me aparece la imagen

Colocar varios elementos FIXED uno debajo del otro