Títol HTML amb imatge decorativa a l’esquerra


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í:

Titol amb imatge esquerra

Deixa un comentari

L’adreça electrònica no es publicarà. Els camps necessaris estan marcats amb *

nine + fourteen =

Información básica sobre protección de datos Ver más

  • Responsable: Jordi Juan Pérez.
  • Finalidad:  Moderar los comentarios.
  • Legitimación:  Por consentimiento del interesado.
  • Destinatarios y encargados de tratamiento:  No se ceden o comunican datos a terceros para prestar este servicio. El Titular ha contratado los servicios de alojamiento web a NICALIA que actúa como encargado de tratamiento.
  • Derechos: Acceder, rectificar y suprimir los datos.
  • Información Adicional: Puede consultar la información detallada en la Política de Privacidad.

Esta web utiliza cookies propias y de terceros para su correcto funcionamiento y para fines analíticos. Contiene enlaces a sitios web de terceros con políticas de privacidad ajenas que podrás aceptar o no cuando accedas a ellos. Al hacer clic en el botón Aceptar, acepta el uso de estas tecnologías y el procesamiento de tus datos para estos propósitos. Ver Política de cookies
Privacidad