JSFiddle - React, Tailwind, and code Playground

by Gabriele Petrioli

HTML

<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;
    
    /*make firt letter larger due to becoming normal capitals*/
    text-transform:capitalize;
}
/*utilize the :first-letter pseudo selector
 affect first letter in element only
*/
table.form td:first-letter{
    font-size:20px;
    font-weight:bold;
    color:red;
}