JSFiddle - React, Tailwind, and code Playground

by henser

HTML

<div class="panel">
  <div class="header">Profile</div>
  <div class="body">stuff</div>
  <div class="footer"><button> bla </button></div>
</div>

CSS

.panel .header {
  width:350px;
  height:20px;
  background-color:#f5f5f5;
  border: 1px solid #dadada;
  font-size: 16px;
  font-family: sans-serif;
  line-height: 20px;
  padding:5px;
}

.panel .body {
  width:350px;
  border: 1px solid #dadada;
}

.panel .footer {
  position: relative;
  width:350px;
  height:50px;
}

.panel .footer button {
  position: absolute;
  font-size: 12px;
  height: 30px;
  top: 10px;
  right: 10px;
  width: 100px;
  background-color: #5485B5;
  color: #fff;
}