Как кнопку выравнивания в таблице в соответствии с предыдущей кнопки

Question

Как сдвинуть кнопку, чтобы выровнять с помощью кнопки на правой следующим образом:

HTML, следующим образом:

<table> 
 
    <tr> 
 
    <td> 
 
     <h4> Search: </h4> 
 
    </td> 
 
    <td> 
 
     <input type="text" /> 
 
    </td> 
 
    <td> 
 
     <button type="submit" name="abc" form="submitForm" value="Button">Button</button> 
 
    </td> 
 
    </tr> 
 
    <tr> 
 
    <td class="customView"> 
 
     <button type="submit" name="def" form="submitForm" value="Button">Button</button> 
 
    </td> 
 
    </tr> 
 
</table>

Answer 1

<table> 
    <tr> 
    <td> 
     <h4> Search: </h4> 
    </td> 
    <td> 
     <input type="text" /> 
    </td> 
    <td> 
     <button type="submit" name="abc" form="submitForm" value="Button">Button</button> 
    </td> 
    </tr> 
    <tr> 
    <td colspan="2"></td> 
    <td class="customView"> 
     <button type="submit" name="def" form="submitForm" value="Button">Button</button> 
    </td> 
    </tr> 
</table> 

Answer 2

матча количество td сек во втором ряду с первым - это dd 2 пусто td s во второй ряд.

Смотреть демо ниже:

<table> 
 
    <tr> 
 
    <td> 
 
     <h4> Search: </h4> 
 
    </td> 
 
    <td> 
 
     <input type="text" /> 
 
    </td> 
 
    <td> 
 
     <button type="submit" name="abc" form="submitForm" value="Button">Button</button> 
 
    </td> 
 
    </tr> 
 
    <tr> 
 
    <td></td> 
 
    <td></td> 
 
    <td class="customView"> 
 
     <button type="submit" name="def" form="submitForm" value="Button">Button</button> 
 
    </td> 
 
    </tr> 
 
</table>

Answer 3

добавить colspan="3", align="right" к вашему <td> теге это работает отлично, я добавил фрагмент кода ниже.

<table> 
 
      <tr> 
 
      <td><h4> Search: </h4></td> 
 
      <td><input type="text"/> </td> 
 
      <td><button type="submit" name="abc" form="submitForm" value="Button">Button</button></td> 
 
      </tr> 
 
      <tr > 
 
      <td class="customView" colspan="3" align="right"><button type="submit" name="def" form="submitForm" value="Button">Button</button></td> 
 
      </tr> 
 
    </table>