JSFiddle - React, Tailwind, and code Playground

by HugeHugh

HTML

<table>
 <tr>
    <td>Jill</td>
    <td>Smith</td> 
    <td>50</td>
  </tr>
  <tr>
    <td>Eve</td>
    <td>Jackson</td> 
    <td>94</td>
  </tr>
</table>

CSS

table, tr, tbody, td {
    position: relative;
}
td {
    padding: 5px;
}
td:after,tr:last-child td:before,tr:after {
    content:'+';
    position: absolute;
    font-size: 16px;
    font-family: "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace;
    /* thanks Css Font Stack :) */
}

td:after {
    top:-5px;
    left:-5px;
}
tr:last-child td:before {
    bottom:-5px;
    left:-5px;
}


tr:after {
    top:-5px;
    right:-5px;
}