<div class="form-actions form-wrapper" id="edit-actions"><button type="button" value="Cancel" onClick="javascript: history.go(-1)">Cancel</button><input type="submit" id="edit-submit" name="op" value="Save" class="form-submit" /></div>
Select allOpen in new window
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>experts-exchange.com/questions/28695080</title> <style> button { height: 40px; width: 80px; padding:10px; } </style> </head> <body> <div class="form-actions form-wrapper" id="edit-actions"> <button type="button" value="Cancel" onClick="javascript: history.go(-1)">Cancel</button> <button type="submit" id="edit-submit" name="op" class="form-submit">Save</button> </div> </body> </html>
Make both buttons instead of button and input. Make buttons same height and width and added padding.
http://jsbin.com/lepayi/edit?html
Open in new window