¿Cómo cambio un botón para alinearlo con el botón de la derecha de la siguiente manera?

enter image description here

El html de la siguiente manera:

<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>
1
isme 14 dic. 2016 a las 09:45

2 respuestas

La mejor respuesta
<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>
1
Immran Mohammed 14 dic. 2016 a las 08:02

Agregue colspan="3", align="right" a su etiqueta <td>, funciona bien, agregué el fragmento a continuación.

<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>
1
Dream Hunter - hashADH 14 dic. 2016 a las 07:00