center text over image css code example

Example 1: css text image

background-image: url(pathToImage);
background-size: 100%;
color: transparent;
-webkit-background-clip: text;

Example 2: how to make text center above image html

#container {
  text-align: center;
}

.text {
  display: inline-block;
  margin: 0 20px 0 20px;
}

.img {
  margin: 0 20px 0 20px;
  width: 50px;
  height: 50px;
}