Hola a todos buenas tardes:
Con motivos didácticos estoy aplicado estilos a una tabla html. Sin embargo no he podido centrar 2 botones en la parte inferior de la tabla de manera horizontal utilicé la propiedad "margin: 0 auto" y "vertical-align:middle" en las celdas correspondientes pero no logro centrarlos a continuación comparto el código:
<html>
<head>
<title>
</title>
<style>
h1{
text-align:center;
color:blue;
border-bottom: 2px dotted blue;
width:50%;
margin:0 auto;
padding-bottom: 5px;
}
body{
background-color: #FFFF99;
}
table{
border:2px solid red;
padding:30px;
margin:0 auto;
}
/*.boton{
vertical-align: middle;
}*/
</style>
</head>
<body>
<h1>Registro de articulos</h1>
<form action="insertar_registros.php">
<table>
<tr>
<td><label for="cod">Codigo Articulo:</label></td>
<td><input type="text" name="cod" id="cod"></td>
</tr>
<tr>
<td><label for="sec">Seccion:</label></td>
<td><input type="text" name="sec" id="sec"></td>
</tr>
<tr>
<td><label for="nom">Nombre:</label></td>
<td><input type="text" name="nom" id="nom"></td>
</tr>
<tr>
<td><label for="precio">Precio:</label></td>
<td><input type="text" name="precio" id="precio"></td>
</tr>
<tr>
<td><label for="fecha">Fecha:</label></td>
<td><input type="text" name="fecha" id="fecha"></td>
</tr>
<tr>
<td><label for="imp">Importado:</label></td>
<td><input type="text" name="imp" id="imp"></td>
</tr>
<tr>
<td><label for="pais">Pais de origen</label></td>
<td><input type="text" name="pais" id="pais"></td>
</tr>
<tr> </tr>
<tr> </tr>
<tr>
<td style="margin: 0 auto;"><input type="submit" name="Enviar" value="Enviar"></td>
<td style="margin: 0 auto;"><input type="reset" name="borrar" value="Borrar"></td>
</tr>
</table>
</form>
</body>
</html>
No se, quiza tenga el error en mis narices pero no doy con el truco. Agradezco la ayuda, gracias.