h2 icon ::before background

by ian_smithz

HTML

<link rel="stylesheet" href="https://www.screwfix.com/21092B/assets/css/sfx.min.css">
<p>
Using a ::before selector with a background image
</p>

  <h2>Bonjour la classe, asset vous</h2>

CSS

h2 {
  position: relative;
  padding-left: 45px;
}

h2::before {
  position: absolute;
  top: -10px;
  left: 0;
  content: " ";
  background: url(https://www.screwfix.com/21092B/assets/img/help/24-7.png);
  background-size: 100% 100%;
  width: 39px;
  height: 39px;
}