HTML - Alinear dentro de un div

 
Vista:

Alinear dentro de un div

Publicado por Victor (1 intervención) el 28/09/2016 07:26:03
Hola

Es super básico pero no lo consigo. El caso es que tengo un div donde meto dos input type de tipo text. El div está en text-align:center con los input dentro. Lo que quisiera es que los input siguieran centrados pero alineados a la derecha para que las cajas de entrada de texto estén alineadas.

Html

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<!DOCTYPE html>
 
<html lang="es">
 
<head>
<title>PLAY</title>
<meta charset="utf-8" />
<link rel="stylesheet" href="estilos.css" />
 
 
</head>
 
<body>
	<header>
		<img src="images/desktop.jpg">
	</header>
	<br/>
	<br/>
		<div class="centrado">
		   <form class="usuario">
			  Nombre <input type="text" name="nombre1" value="" >
			   <br/><br/>
			   Contraseña <input type="text" name="nombre2" value="" >
			   <br/><br/>
			   <input type="button" id="boton" value="COMPROBAR"/>
		   </form>
	   </div>
</body>
 
</html>

CSS
1
2
3
.centrado{
	text-align: center;
}

Gracias
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de xve
Val: 1.144
Oro
Ha mantenido su posición en HTML (en relación al último mes)
Gráfica de HTML

Alinear dentro de un div

Publicado por xve (1543 intervenciones) el 28/09/2016 08:55:10
Hola Victor, aquí tienes tu código modificado para ello... he tenido que añadir un nuevo <div>!!

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
<!DOCTYPE html>
 
<html lang="es">
 
<head>
<title>PLAY</title>
<meta charset="utf-8" />
 
<style>
.centrado{
	text-align: center;
}
.centrado>div {display:inline-block;}
.centrado form {text-align:right;}
</style>
 
</head>
 
<body>
	<header>
		<img src="images/desktop.jpg">
	</header>
	<br/>
	<br/>
		<div class="centrado">
			<div>
			   <form class="usuario">
				  Nombre <input type="text" name="nombre1" value="" >
				   <br/><br/>
				   Contraseña <input type="text" name="nombre2" value="" >
				   <br/><br/>
				   <input type="button" id="boton" value="COMPROBAR"/>
			   </form>
			</div>
	   </div>
</body>
 
</html>
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
1
Comentar
Imágen de perfil de Victor
Val: 5
Ha aumentado su posición en 10 puestos en HTML (en relación al último mes)
Gráfica de HTML

Alinear dentro de un div

Publicado por Victor (2 intervenciones) el 28/09/2016 21:21:12
Gracias, xve. Está claro que tengo mucho css que repasar :)
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar