1

Cuando le pongo display: inline-block; las imagenes muestran un elevado espacio entre ellas, y solo quiero que se el minimo

   .creditos{ 
    margin-top: 40%;
    margin-left: 20%;
    display: inline-block;
    width: 30px;}
 <div > 
        <img class="creditos" src="https://img.icons8.com/?size=1x&id=2969&format=png" alt="Facebook">
        <img class="creditos" src="https://img.icons8.com/?size=1x&id=2969&format=png" alt="Instagram">
        <img class="creditos" src="https://img.icons8.com/?size=1x&id=2969&format=png" alt="Correo">
    </div>

 

introducir la descripción de la imagen aquí

1
  • Solo quita los margin... Commented el 6 jun. 2023 a las 17:49

1 respuesta 1

0

Tú mismo le estás poniendo márgenes relativos super grandes.

Si le quitas los márgenes, las muestra con un espacio mínimo:

.creditos{ 
  display: inline-block;
  width: 30px;
}

.contenedor-iconos {
  background-color: yellow;
}
<div class="contenedor-iconos"> 
  <img class="creditos" src="https://i.imgur.com/Qy4XeHYs.png" alt="Facebook">
  <img class="creditos" src="https://i.imgur.com/OWdUupIs.png" alt="Instagram">
  <img class="creditos" src="https://i.imgur.com/Hb3Y1yJ.png" alt="Correo">
</div>

He puesto el contenedor en amarillo para que sea fácil visualizar los espacios. Puedes probarlo aquí mismo en la respuesta haciendo clic en el botón Ejecutar.

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.