JSFiddle - React, Tailwind, and code Playground

by Lakshman Kambam

HTML

<div> 
  <img src="https://material.io/icons/static/images/icons-180x180.png" alt="icon" width="100" height="100">
  <p>This paragraph has its own background color.</p>
</div>

<p>&nbsp;</p>

<!-- Suggestion -->
<div class="className"> 
  <img src="https://material.io/icons/static/images/icons-180x180.png" width="100" height="100" alt="icon">
  <p>This paragraph has its own background color.</p>
</div>

CSS

div{
  width:300px;
  height:300px;
  background-image: url('https://maxcdn.icons8.com/app/uploads/2016/03/material-1.jpg');
}

/* Suggestion*/
.className {
  width: 300px;
  height: 300px;
  background-image: url('https://maxcdn.icons8.com/app/uploads/2016/03/material-1.jpg');
}