JSFiddle - React, Tailwind, and code Playground

by tomsx

HTML

<div class="box" style="left: -100px; top: -120px; height:150px; width:200px">
    <div class="title">Title...</div>
    <div class="content">content...</div>
</div>

CSS

.groupbox .content {
    min-height: inherit;
    height: 100%;
    overflow: hidden;
    padding: 10px;
    font-size: 15px;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    border:2px solid #D6E6F2;
    
}
.box .title { 
    height:8px;
    line-height:8px;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;    
    background:#D6E6F2;
    color: black;
    font-size:14px;
    font-weight:bold;    
    font-family: "Segoe UI", Helvetica, "Helvetica Neue", Arial, sans-serif;
    display:block;
    padding:10px;
    border: 1px solid #D6E6F2;
    
}

.box {
  height: 250px; 
}