JSFiddle - React, Tailwind, and code Playground

by mrnobody

HTML

<table class="pricelist" border="0" width="100%">
 <tbody>
  <tr>
   <td>
    <table align="center">
     <tbody>
      <tr>
       <td align="center">
        <img alt="Мебель для персонала Gamma" src="http://ergodesign.biz/uploads/gamma-1.jpg" border="0" height="120" width="120" />
       </td>
      </tr>
      <tr>
       <td align="center">Стол прямой</td>
      </tr>
      <tr>
       <td align="center">
        <p>Арт: G-101</p>
        <p>Размер: 120х70х75</p>
        <p>
         Цена:
         <span style="color: rgb(255, 0, 0);">3590 руб.</span>
        </p>
       </td>
      </tr>
      <tr>
       <td align="center">
        <p>Арт: G-102</p>
        <p>Размер: 140х70х75</p>
        <p>
         Цена:
         <span style="color: rgb(255, 0, 0);">3874 руб.</span>
        </p>
       </td>
      </tr>
     </tbody>
    </table>
   </td>
   <td>
    <table align="center">
     <tbody>
      <tr>
       <td align="center">
        <img alt="Мебель для персонала Gamma" src="http://ergodesign.biz/uploads/gamma-2.jpg" border="0" height="120" width="120" />
       </td>
      </tr>
      <tr>
       <td align="center">Стол составной</td>
      </tr>
      <tr>
       <td align="center">
        <p>Арт: G-118 R/L+G-118.1 R/L</p>
        <p>Размер: 220x160x75</p>
       </td>
      </tr>
      <tr>
       <td>
        <p>
         Цена:
         <span style="color: rgb(255, 0, 0);">6955 руб.</span>
        </p>
       </td>
      </tr>
     </tbody>
    </table>
   </td>
   <td>
    <table align="center">
     <tbody>
      <tr>
       <td align="center">
        <img alt="Мебель для персонала Gamma" src="http://ergodesign.biz/uploads/gamma-3.jpg" border="0" height="120" width="120" />
       </td>
      </tr>
      <tr>
       <td align="center">Стол составной на металлокаркасе</td>
      </tr>
      <tr>
       <td align="center">Арт: GM-118 R/L+G-87 +G-118.1 R/L</td>
      </tr>
      <tr>
       <td align="center">Размер: 220x160x75</td>
      </tr>
    ...

JavaScript

var td = document.querySelectorAll('.pricelist td');

for (var i = 0; i < td.length; i++) {
    td[i].style.verticalAlign = 'top';
}