JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    <span>
        NESTED PARAGRAPH
    </span>
</div>

CSS

div { 
    width: 5em;
    border: solid .1em black;
    margin: 1em 0; padding:.2em;
    font-family: 'Times New Roman',serif;
    overflow: hidden;
    text-overflow: ellipsis;
}

div span {
    font-family: 'Helvetica', sans-serif; /* Your custom font here. */
}