CSS Border Height

by Byron Johnson

HTML

<table>
    <tr>
        <td>cats</td>
        <td>dogs</td>
        <td>birds</td>
        <td>swine!</td>
    </tr>
</table>

<ul>
    <li>cats</li>
    <li>dogs</li>
    <li>birds</li>
    <li>swine!</li>
</ul>

CSS

td { 
    padding: 0 10px; 
    border-right: 1px solid #000; 
    line-height: 5px; 
} 

ul { padding: 0; background: #c7eeff; }

li { 
    list-style: none; 
    padding: 0 10px; 
    display: inline-block;
    border-right: 1px solid #000; 
    line-height: 5px; 
    margin: 20px 0; 
}