Actualmente soy nuevo en Css, el ícono de Google no se alinea en el centro verticalmente, lo que proporciona un relleno desde la parte inferior que puede ver en el archivo adjunto ... el texto está alineado en el centro
.g-icon{ background-image: url("../../assets/imgs/googles.png"); background-repeat: no-repeat; height: 28px; width:28px;}para html
<div class="text-center pl-3 pt-3 pb-3 shadow bg-white rounded reg-head"> <i class="g-icon d-flex align-items-center"></i> <div class="reg"> <label class=" mx-0 my-0"> Register with Google</label> </div> </div>Aquí está mi salida corta de pantalla para el código css
Proporcione Css al div..
display:flex; align-items-center; justify-content:flex-start;Te ofrezco dos posibilidades:
En css, puede usar la propiedad "flotante" para pegar su texto y su ícono de Google. Ver: https://developer.mozilla.org/fr/docs/Web/CSS/float
Puede colocar su etiqueta de icono de Google directamente en la misma etiqueta que su texto. Por ejemplo: <p><img src="link/to/google/img">Google text<p>