JSFiddle - React, Tailwind, and code Playground

HTML

<h1>Header</h1>

<section>
    <article>
         <h1>Article1</h1>

    </article>
    <article>
         <h1>Article2</h1>

    </article>
</section>

CSS

body h1 {
    margin: 0;
    text-align: center;
}
article h1 {
    text-align: left;
}
section {
}
article {
    min-height: 100px;
    position: relative;
    border: 1px solid black;
    border-radius: 5px;
    margin-top: 10px;
    padding: 20px 2px 20px 2px;
}
article:after {
    display: block;
    content:"\2766";
    font-size: 150%;
    position: absolute;
    bottom: 0;
}