center the submit button - HTML CSS CSS Form

HTML CSS examples for CSS Form:input submit

  1. HOME
  2. HTML CSS
  3. CSS Form
  4. input submit

Description

center the submit button

Demo Code

ResultView the demo in separate window 

<html>
 <head> 
  <meta name="viewport" content="width=device-width, initial-scale=1"> 
  <style id="compiled-css" type="text/css">

body {<!--from  w  w w . jav  a 2 s  .  co m-->
   background: #7f7f7f;
}
#container {
   width: 800px;
   margin: auto;
   position: relative;
}
#header {
   background: #5783a0;
   height: 75px;
}
#contenido {
   padding: 1px;
   background-color: white;
}
#left {
   float:left;
   width: 470px;
   background-color: pink;
   height: 300px;
}
#bordei {
   border-style: solid none;
   border-width: 2px;
   border-color: black white;
   background: #efefef;
   margin: 0px 0px 2px 10px;
   font-weight: bold;
}
#borded {
   border-style: solid none;
   border-width: 2px;
   border-color: black white;
   background: #efefef;
   margin: 0px 10px 2px 0px;
   font-weight: bold;
}
#derecha {
   float:left;
   width: 330px;
   background-color: yellow;
   height: 300px;
}
#footer {
   height: 50px;
   background-color: aquamarine;
   clear:both;
}
div form {
   display:block
}
#acept {
   margin-left:40%;
   width:10%;
}


      </style> 
 </head> 
 <body> 
  <div id="container"> 
   <div id="header">
     Mi Revista 
   </div> 
   <div id="contenido">
     texto de arriba 
   </div> 
   <div id="left"> 
    <div id="bordei">
      borde uno 
    </div> formulario izquierda 
   </div> 
   <div id="derecha"> 
    <div id="borded">
      borde derecha 
    </div> Formulario derecha 
   </div> 
   <div id="footer"> 
    <form id="acept"> 
     <input type="submit" name="submit" value="Aceptar"> 
    </form> 
   </div> 
  </div>  
 </body>
</html>

Related Tutorials