JSFiddle - React, Tailwind, and code Playground

by Ricardo Salazar

HTML

<body>
    
    <div class="outer">
    <div class="container">
    </div>
    </div>        
</body>

CSS

.outer{
  width: 50%;
  height: 500px;
background-color: #bada55;
}

.container{
    background:url('http://upload.wikimedia.org/wikipedia/en/archive/f/f4/20090120040123!Free_Blue_Star.jpg') no-repeat;
    background-size:80% 70%;
  width: 20%;
  height: 20%;
  width: 250px;
  height: 250px;

  background-color: #ebebeb;
  text-align: center;
  vertical-align: middle;
  display: table-cell;
}