Alinear cajas de texto

[dragonfire256]

Iniciado por Ruben_JD

Si no quieres que otros divs cambien añade el id="form1" que ya definiste:

Código CSS:

#form1 div {
  margin: .4em 0;
}
#form1 div label {
  width: 25%;
  float: left;
}
 

o también para aplicar solo a formularios

Código CSS:

form div {
  margin: .4em 0;
}
form div label {
  width: 25%;
  float: left;
}
 

Saludos.

Sigo sin hacerlo funcionar... Aqui te posteo el estilo que tengo... Vale la pena aclarar que la mayoria del codigo ccs lo agrega dreamweaver:

Código CSS:

<style type="text/css">
<!--
body {
    font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
    background: #4E5869;
    margin: 0;
    padding: 0;
    color: #000;
}
 
ul, ol, dl {
    padding: 0;
    margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
    margin-top: 0;  
    padding-right: 15px;
    padding-left: 15px;
}
a img {
    border: none;
}
a:link {
    color:#414958;
    text-decoration: underline;
}
a:visited {
    color: #4E5869;
    text-decoration: underline;
}
a:hover, a:active, a:focus { 
    text-decoration: none;
}
 
.container {
    width: 80%;
    max-width: 1260px;
    min-width: 780px;
    background: #FFF;
    margin: 0 auto;
}
 
.header {
    background: #6F7D94;
}
 
.content {
    padding: 10px 0;
}
 
.content ul, .content ol { 
    padding: 0 15px 15px 40px; 
}
 
.footer {
    padding: 10px 0;
    background: #6F7D94;
}
 
.fltrt {
    float: right;
    margin-left: 8px;
}
.fltlft { 
    float: left;
    margin-right: 8px;
}
.clearfloat {
    clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
-->
html {
    height: 100%;
    width: 100%;
}
body{
   height: 100%;
   width: 100%;
   background: -webkit-linear-gradient(#EE8711, #033E8D);
   background: -moz-linear-gradient(#EE8711, #033E8D);
   background: -o-linear-gradient(#EE8711, #033E8D);
   background: -ms-linear-gradient(#EE8711, #033E8D);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EE8711', endColorstr='#033E8D',GradientType=0 );
}
.content{
    background-color:#e1e5ff;
    height:100%;
}
.container{
    height:60%;
}
#form1 div label{
    width:50%;
}
</style>
 

Disculpa que moleste tanto... Muchas gracias