JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    <h1>Maecenas suscipit</h1>
    <p>Nulla in velit nec metus pharetra bibendum. Donec metus leo, feugiat sed, aliquet facilisis, pulvinar ac, mauris. In feugiat sagittis nunc. Maecenas vehicula venenatis arcu. Aenean viverra consectetur neque. Aliquam blandit bibendum lacus. In non nisi. Fusce facilisis pulvinar tellus.</p>
</div>

CSS

div{
    border: 1px solid gray;
    border-radius: 10px;
    margin: 20px;
    width:200px;
}

h1{
    color: #fff;
    background-color: green;
    border-top-left-radius: 10px;
    border-top-right-radius:  10px;
    padding: 10px;
    margin: 0;
}

p{
    text-decoration: underline; /*многие будут думает что это ссылка*/
    padding: 10px;
}