JSFiddle - React, Tailwind, and code Playground

HTML

<div class="example1">
    <h2>Headline 1</h2>
</div>

CSS

body {
    font-family: arial, sans-serif ;
    font-size: 100% ;
    text-align: center ;
}

h2 {
    font-size: 1.5em ;
    font-weight: normal ;
    text-transform: uppercase ;
}

.example1 h2::after {
    position: absolute ;
    content: "(Details)" ;
    padding-left: 0.625em ;
    font-size: 0.625em ;
    font-style: italic ;
    color: #bbb ;
}