Quiero obtener una pequeña imagen png y algo de texto uno al lado del otro en un ícono, ¿cómo lograr que actualmente esté verticalmente allí? Este es el orden en el que actualmente quiero poner los dos juntos en lugar de esto , la división en sí misma es diferente porque están en una subclase diferente dentro de esta clase de contenido de mensaje.
Utilice el cuadro flexible de CSS. Código de muestra :
.image-wrapper{ display:flex; flex-direction:row; justify-content:center; align-items:center; background:#eee; padding:1rem 2rem; border-radius:1rem; } .image-wrapper img{ height:2rem; margin-right:1rem; } .image-wrapper p{ font-size:1.8rem; } <div class="image-wrapper"> <img src = "https://www.freepnglogos.com/uploads/google-logo-png/google-logo-icon-png-transparent-background-osteopathy-16.png" alt="logo"/> <p>Some random text</p> </div>Consulte esto para obtener más información sobre el enlace CSS flexbox