JSFiddle - React, Tailwind, and code Playground

HTML

<div class='div_table'>
        <div class='div_tr'>
            <div class='div_td' style='width:100%;'>
                title
            </div>            
            <div class='div_td'>
                : content
            </div>
        </div>
    </div>

CSS

.div_table {
        width: 100%;
        display: table;
        border-collapse: separate;
        border-spacing: 2px;
    }

    .div_tr {
        display: table-row;
    }

    .div_td {
        display: table-cell;
        height: 10px;
        padding: 3px 3px 3px 3px;
        border: solid windowtext 0.5px;
        font-size: 10px;
        font-family: Arial;
        text-align: left;
        vertical-align: top;
    }