JSFiddle - React, Tailwind, and code Playground

by Gabriele Petrioli

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/lettering.js/0.6.1/jquery.lettering.min.js"></script>
<table class="form">
    <tr>
        <td>this is some text</td>
    </tr>
</table>

CSS

table.form td {
    padding: 10px;
    font-family: "Open Sans";
    font-variant: small-caps;
    font-size: 15px;
}
table.form td span[class^="word"]{
    display:inline-block;
}
table.form span[class^="word"]:first-letter {
    font-weight:bold;
    font-size:17px;
}

JavaScript

$('td').lettering('words');