Buen dia a todos, son nuevo en todo esto de hacer paginas web, tambien en este foro, hoy me presento con el problema de que el contenido de un div este en el centro de una linea, pero va de mano con otro div y no estan juntos. aqui un pequeño ejemplo
_________________________________________
. PAGOS DEL MES .
. NOMBRE________ GRADO_______.
. MES_____ .
. .
. ENERO------------------------------------JUNIO .
. FEBRERO---------------------------------JULIO .
. MARZO------------------------------------AGOSTO .
. ABRIR--------------------------------------SEPTIEMBRE .
. MAYO--------------------------------------OCTUBRE .
__________________________________________
ESTE EL CODIGO HTML
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="estilo.css">
<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<title>Programa</title>
</head>
<body class="body">
<div class="primeralinea">
<h3 class="text-center"><b>PAGOS DE MENSUALIDAD ESCOLAR</b></h3>
</div>
<form class="form-inline">
<div class="formulario form-group">
<label for="name">NOMBRE</label>
<input type="text" class="form-control" placeholder="Nombre Estudiante">
</div>
<div class="grado form-group">
<label for="exampleSelect1">GRADO</label>
<select class="form-control">
<option>1ro Primaria</option>
<option>2do Primaria</option>
<option>3ro Primaria</option>
<option>4to Primaria</option>
<option>5to Primaria</option>
<option>6to Primaria</option>
<option>1ro Basico</option>
<option>2do Basico</option>
<option>3ro Basico</option>
<option>4to Bachillerato</option>
<option>5to Bachillerato</option>
</div>
</select>
</form>
<form>
<div class="mes">
<label for="exampleSelect2">Mes</label>
<select class="form-control">
<option>Enero</option>
<option>Febrero</option>
<option>Marzo</option>
<option>Abril</option>
<option>Mayo</option>
<option>Junio</option>
<option>Julio</option>
<option>Agosto</option>
<option>Septiembre</option>
<option>Octubre</option>
</select>
</div>
</form>
<div class="meses">
<tr class="linea">
<td class="linea">ENERO</td>
<td></td>
</tr>
<tr>
<td></td>
</tr>
</div>
<div class="ok">
<a href=""><img src="BotonOk.png"></a></li>
</div>
</body>
</html>
ESTE EL CSS
.body{
background-color: #ffffff;
background: url(FondoPrograma.PNG);
background-repeat: no-repeat;
background-size: 700px;
background-attachment: fixed;
background-position: center center;
}
numerou{
position: absolute;
top: 25px;
left: 40px;
margin-right: 10px;
}
.primeralinea{
padding-top: 30px;
margin-right: 50px;
}
.formulario{
margin-top: 20px;
margin-left: 200px;
}
.grado{
margin-top: 30px;
margin-left: 155px;
}
.mes{
position: absolute;
margin-top: 20px;
margin-right: 200px;
}
.ok{
position: absolute;
margin-top: 385px;
margin-left: 50px
}
.meses{
position: absolute;
margin-top: 100px;
}
Como pueden ver, el mes va como que emparentado con grado, y no puedo moverlo al medio como en el ejemplo, tambien el mes de enero va en la linea vertical con grado, y quiero que vaya en la izquierda como en el ejemplo, no se si es un error del uso de div o algo por el estilo, espero la ayuda de alguien, muchas gracias, pasen buen dia