<style type="text/css">


#container{position:relative; margin-left: 10%; }
#container>div {margin-top:10px;}
#container>div:last-child, #respuesta {}
#container label {width:20%;display:inline-block;padding-left:30px;}
#sketchpad{ border: 5px solid #28a745; background-color: #FAFAFA;  }





    </style>

    <div id="container">
      <canvas id="sketchpad" width="320" height="270">
        Error no soportado
      </canvas>
      <div id "datos">
    <table width="320" height="80" border="0">
      <tr>
        <td width="125" height="30">Cedula:</td>
        <td width="326"><label for="numero"></label>
        <input type="text" name="numero" id="numero"></td>
      </tr>
      <tr>
        <td height="26">Nombre:</td>
        <td><input type="text" name="nombre" id="nombre"></td>
      </tr>

      <tr>
        <td height="29"><br><input type="button" class="btn btn-info" onClick="salvarDatos();" value="GUARDAR FIRMA" /></td>
        <td height="29"><br><input type="button" class="btn btn-info" onClick="borrarDatos();" value="BORRAR FIRMA" /></td>

      </tr>
    </table>
  </div>