JSFiddle - React, Tailwind, and code Playground

by laggingreflex

HTML

<summary>
    <h3>Heading</h3>
    <p>Line 1</p>
    <p>Line 2</p>
    <p>Line 3</p>
</summary>

CSS

summary {
    display: flex;
    flex-flow: row wrap;
}
summary h3 {
    display: block;
    flex: 1 100%;
}