JSFiddle - React, Tailwind, and code Playground

by codigoadicto

HTML

<table width="100%">
<tr class="fila" >
    <td class="archive-title" width="80%" align="left">
        <a  href="#">Designing for Decoder Glasses Web</a>   
    </td>
    <td align="center">
        <span class="date">Ene 05, 2008</span>        
    </td>     
</tr>
    
<tr class="fila">
    <td class="archive-title" width="80%" align="left">
        <li><a href="#">Places It’s Tempting To Use Display: None; But Don’t</a></li>        
    </td>
    <td align="center">
        <span class="date">Ago 20, 2007</span>        
    </td>     
</tr>
</table>

CSS

.archive-title{
    height: 32px;
    line-height: 32px;
}
.date{
    height: 32px;
    line-height: 32px;
}
.archive-title a{
    color: black;
    text-decoration: none;
}
.fila{
    border-bottom: 1px solid #ccc;

}
.archive-title:hover{
    background-color: #F9B9BC;
    cursor: pointer;
}