Si volem posar una imatge a l’esquerra d’un “header” <h1>, <h2>, etcétera, podem fer-ho amb el següent codi CSS, amb la classe ficada en el <h1>:
.titolImatge { background-image: url("wp-content/uploads/2023/01/rosa-de-los-vientos.jpg");
background-repeat: no-repeat;
background-position: left center;
display: flex;
align-items: center;
padding-left: 95px;
height: 90px;
}
El padding i el height hauria de ser de la mida de la imatge. El resultat serà així:
