¡Hola! bueno, yo te recomendaría que pusieras una caja contenedor primero. No sé si vas a ocupar todo el viewport, pero para que sean alineadas se añadería un Flexbox. sería así: <div class= "container"> <div class="logo"> <img src="Imagenes/logo.png" alt="icono"; title="GastroBlog";/> </div> <div class="nombre" > <img src="Imagenes/nombre.png" alt="name"; title="GastroBlog";/> </div> </div> .container { width: 100%; height: 250px; (este es un ejemplo) display:flexbox; } Yo te aconsejaría usar flexbox para mejor acomodo, pero las cajas de nombre y logo tienen que tener el mismo tamaño. .logo, .nombre { width: 250px; heigth: 250px; } Para que las imagenes no queden tan estrechas ni pixeleadas, te recomiendo usar este código en css .logo, .nombre img{ width: 100%; heigth; 100%; } solamente con tu margin juega que tan pegadas quieres ambas imágenes, pero estoy segura que con lo que te acabo de escribir te va a quedar centrado. No es recomendado agregar un tamaño directo a la imagen. Muchos saludos