JSFiddle - React, Tailwind, and code Playground

by alanzam2223

HTML

<div class="header">
  <img class="i" src="http://www.planwallpaper.com/static/images/colorful-triangles-background_yB0qTG6.jpg"/>
  <p class="headingText">Hello</p>
</div>

CSS

.header
{
  
}

.i
{
  width:80px;
  height:80px;
  border-radius:50%;
}

.headingText
{
  color:white;
  background:black;
  display:inline-block;
  width:350px;
  padding-top:10px;
  padding-bottom:10px;
  text-align:center;
}