JSFiddle - React, Tailwind, and code Playground

by master1991

HTML

<table bgcolor="black" border="1">
        <tr>
            <td bgcolor="white" class="" width="300">        ssssss
                <div class="myClass2">            
                    Why won't this align at the bottom?
                </div>                    
            </td>
            <td class="" height="100" bgcolor="white">
                   Something very tall here.
            </td>
        </tr>
    </table>

CSS

.myClass2 {
            color:red;
            font-weight:bold;        
            font-style:italic;            
            vertical-align:bottom;        
            text-align: center;
        }