Align an input box at a particular location - HTML CSS CSS Form

HTML CSS examples for CSS Form:input

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

Description

Align an input box at a particular location

Demo Code

ResultView the demo in separate window 

<html>
 <head> 
  <style>
.centeredSplash {<!--from   www. j a va2  s  . c o m-->
   position:relative;
   width:100%;
   height:100%;
   background:url('http://www.java2s.com/style/demo/Google-Chrome.png') center center no-repeat;
}

.roundcorner {
   background-color:Chartreuse;
   -moz-border-radius:9px;
   -webkit-border-radius:9px;
   border:0px solid yellow;
   padding:16px;
   width:401px;
   margin:0 auto;
}

input
 {
   -webkit-border-radius:6px;
   -moz-border-radius:6px;
   border-radius:6px;
   width:100px;
   height:21px;
}
</style> 
 </head> 
 <body> 
  <div class="centeredSplash"> 
   <div class="roundcorner"> 
    <input type="text" id="email"> 
   </div> 
  </div>  
 </body>
</html>

Related Tutorials