JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <tr><td colspan="3"><hr /></td></tr>
    <tr>
        <td colspan="3">
           <img src="http://lorempixum.com/500/100" />
        </td>
    </tr>
    <tr><td colspan="3"><hr /></td></tr>
    <tr>
        <td>
            Hello
        </td>
        <td>
            World
        </td>
        <td>
            !
        </td>
    </tr>
    <tr><td colspan="3"><hr /></td></tr>        
</table>

CSS

table td hr {
    height: 1px;
    width: 100%;
    display: block;
    margin: 0;
    border: 0px solid transparent;
    border-bottom: 1px dotted black;
}