Background Image

Setting a background image for divs

by Alan Jones

HTML

<div id="wrapper">
  <p>
    Ut sed egestas velit. Nunc venenatis felis eget vehicula imperdiet. Suspendisse vestibulum convallis diam, ac pulvinar dolor. Nullam tempor porta cursus. Nam lectus nisl, mollis eget risus nec, malesuada hendrerit eros. Suspendisse egestas neque at congue
    commodo. Nam dignissim metus velit. Integer at arcu lacus.
  </p>
</div>

CSS

#wrapper {
  background-image: url('https://i.imgur.com/YJOX1PC.png');
  padding: 50px 5%;
  font-size: 2em;
  color: #fff;
}

p {
  background-color: rgba(0, 0, 0, 0.4);
  padding: 10px 2%;
}