JSFiddle - React, Tailwind, and code Playground

HTML

<div id="fullWidth">
    <p class="caption">Testing 1,2,4,5,6,7,8,9,10 1,2,4,5,6,7,8,9,10</p>
</div>

CSS

div#fullWidth {
    display: table;
    width: 200px;
    background: #dddddd;
}

p.caption {
    display: table-cell; 
    height: 107px;
    padding: 15px 10px;
    font-size: 16px;
    text-align: center;  
    vertical-align: middle;
}

p.caption {
    clear: expression(
        style.marginTop = "" + (offsetHeight < parentNode.offsetHeight ? parseInt((parentNode.offsetHeight - offsetHeight) / 2) + "px" : "0"),
        style.clear = "none", 0
    );
}