Foros del Web - Ver Mensaje Individual

carlosuc99 · #4 (**permalink**) 02/06/2012, 08:16

Cita:

Iniciado por emprear

Descartá el uso de <font> y estilizá con css
Para la alineación, utilizá la eqtiqueta <label> aplicale la propiedad

display: inline-block;
+más un ancho fijo
y jugá con los márgenes para espaciarlas

Ejemplo

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>titulo</title> 
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<style type="text/css">
/*<![CDATA[*/
 
input{
margin: 0;
}
 
label{
display: inline-block;
width: 180px;
margin-right: 20px;
}
input[type="text"]{
margin-bottom: 5px;
}
/*]]>*/
</style>
</head>
<body>
<form action="#">
<div>
<label for="nombre">Nombre</label> <input type="text" id="nombre" name="nombre" /><br />
<label for="apellido">Apellido</label> <input type="text" id="apellido" name="apellido" /><br />
<label><!-- fix --></label> <input type="submit" name="procesar" /> 
</div>
</form>
</body>
</html>

Saludos

Funciona de lujo, pero cómo puedo cambiar el tipo de letra??? Y dejar más espacio entre cada columna????