Muchas veces al insertar un formulario en nuestra pagina WEB vemos que ocupa todo el ancho de la pagina o la tabla donde se encuentre y es complicado ajustar el ancho al tamaño deseado
En este tutorial utilizando CSS, delimitaremos el ancho necesario de la etiqueta <FORM>
1. PASO
En nuestra hoja de estilo CSS o en la pagina q trabajemos creamos un selector CLASS para nuetro formulario
.formulario {
}
A continuacion utilizamos la propiedad WIDTH para restringir el ancho especifico q tendra el formulario
.formulario {
width:200px;
background-color:#99CCCC;
}
Para este ejemplo colocamos 200px a la propiedad " width " y para ver el resultado le colocamos un color de fondo a nuestro formulario usando la propiedad background-color
Ahora simplemente en nuestro codigo html aplicamos nuestro estilo al formulario
<form class="formulario">
<p>Este es mi formulario con 200 PX ancho sin usar tablas o DIVs </p>
<input type="text" name="textfield" />
<label>
<input type="submit" name="Submit" value="Enviar" />
</label>
</form>
El resultado se veria asi:
Autor: Daniel H.
Webmaster.
![[Valid RSS]](http://validator.w3.org/feed/images/valid-rss.png "Validate my RSS feed"){kind=small}
