JSFiddle - React, Tailwind, and code Playground

HTML

<table>

<tr id="cell">
          <td class="vert-align">
  <div class="voting-space">

            <a href="/post/aa-3/vote?is_up=1" class="vote">
  <span class="glyphicon glyphicon-triangle-top col-md-12" aria-hidden="true"></span></a>
            <br />

<span class="col-md-12" style="height:1px; font-family: 'Passion One', cursive; bottom:10px; padding-left:0.01em;
"><h4 id="vote_count_aa-3">+ 1</h4></span>     <br>

<a href="/post/aa-3/vote?is_up=0"  class="vote">
<span class="glyphicon glyphicon-triangle-bottom col-md-12" aria-hidden="true"></span></a>
        </div>
          </td>


<td class="vert-align">
  
     <h4 id="line">
        <a href="/post/aa-3/" target="_blank" style="margin-left: 15px; text-decoration:none;"> <img src="https://images.unsplash.com/photo-1453365607868-7deed8cc7d26?crop=entropy&amp;fit=crop&amp;fm=jpg&amp;h=800&amp;ixjsv=2.1.0&amp;ixlib=rb-0.3.5&amp;q=80&amp;w=1550" height="85" width="85"/><span id="title-font">
          aa</span></a>
        <span style="margin-left: 15px;" class="domain">(be kind to one another)</span>
        <br />
      </h4>

  



</td>
</table>

CSS

td {
  background-color:red;
}

table {
  border-spacing:0;
}