Edit in JSFiddle

<table class="tg">
  <tr>
    <td class="tg-cly1"><div style="width: 300px; height: 120px; padding: 5px; background: #9c2a34; text-transform: uppercase; color: #FFF; font-size: 20px; font-family: calibri; text-align: center;">Hola</div></td>
    <td class="tg-0lax"><div class="polygon2"></td>
    <td class="tg-0lax"><div style="width: 300px; height: 120px; padding: 5px; background: #000; text-transform: uppercase; color: #FFF; font-size: 20px; font-family: calibri; text-align: center; margin-left: -90px;"></div></td>
  </tr>
</table>

.polygon2 {
clip-path: polygon(80% 0, 36% 100%, 0% 100%, 0% 0%);
width: 120px;
background: #9c2a34;
height: 120px; padding: 5px; margin-left: -5px;}