title: how to align HTML positioning and inputs on P and centered text
body: <p>Hello guys I actually been looking everywhere on google for this, and even youtube but no luck anywhere.</p>
  
  <p>I actually came across this problem for the first time and I want to align everything in the center, which it is, but if you notice the paragraph and input text are not vertically aligned. they are crooked , but yet aligned in the center I am trying to make a perfect line for the text input and <p></p>
  
  <p>in other words something like this</p>
  
  <pre><code>                  Age:           ______________
                    Year:          ______________   
                    group:         ______________
  </code></pre>
  
  <p>not the default center position like this</p>
  
  <pre><code>                        Age:           ______________
                        Year:          ______________   
                          group:         ______________
  </code></pre>
  
  <p>anyhow this is my css and html code</p>
  
  <pre><code>&lt;html&gt;
    &lt;head&gt;
    &lt;/head&gt;
    &lt;body&gt;
  
  
      &lt;div id="container"&gt;
        &lt;h3 class="header"&gt; Welcome to the registration form &lt;/h3&gt;
        &lt;div id="border"&gt; &lt;/div&gt;
  
  
          &lt;div id="box"&gt;
  
           &lt;p&gt; Enter Name: &lt;input class="in" type="text" name="name" value="${param.name}"&gt; &lt;/p&gt;
           &lt;p&gt; Enter Age: &lt;input class="in" type="text" name="name" value="${param.name}"&gt; &lt;/p&gt;
           &lt;p&gt; Enter Address: &lt;input class="in" type="text" name="name" value="${param.name}"&gt; &lt;/p&gt;
           &lt;p&gt; Enter phone: &lt;input class="in" type="text" name="name" value="${param.name}"&gt; &lt;/p&gt;
  
          &lt;/div&gt;&lt;!--box --&gt;
  
  
      &lt;/div&gt;&lt;!--container --&gt;
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>and my css</p>
  
  <pre><code>/* 
      Document   : style
      Created on : Jan 18, 2014, 9:53:43 AM
      Author     : will
      Description:
          Purpose of the stylesheet follows.
  */
  
  *{
    margin: 0px;
  
  }
  body{
    background-color: black;
  }
  
  
  
  
  #container{
    color: black;
    margin: 50px auto;
    border: solid black 2px;
   text-align:center;
    width: 700px;
    height: 540px;
    background-image: url('http://www.kodemi.com/images/full/2013/12/20/white-background-wallpaper-image-pics-hdwallpc-White-Background-Wallpaper-Image-Pics.jpg');
  
  
  }
  
  
  #block{
    width: 300px;
    color: black;
    margin: 36px auto;
  
  }
  
  
  
  h3.header{
    color: black;
    font-size:25px;
    margin: 30px 30px 5px;
  
  }
  
  #border{
    width: 400px;
    border-top: solid black 1px;
    margin: auto;
  
  }
  
  #box p{
    margin: 20px;
  
  }
  
  
  
  #box input{
    margin-left: 10px;
  }
  </code></pre>