td:after test for editable underline

by Anton

HTML

<table border="1">
    <tr><td>Cell value</td><td>Cell value</td></tr>
    <tr><td>Cell value</td><td>Cell value</td></tr>
</table>

CSS

td
{
    padding: 2px 9px;
    position: relative;
}

td:after {
    position: absolute;
    content: "";
    top: 0;
    left: 7%;
    width: 86%;
    height: 85%;
    border-bottom: dotted 1px red;
}