Cómo flotador Pedazos de un formulario de contacto en CSS

La propiedad "flotar" CSS le dice a un navegador para colocar un elemento hacia la izquierda o la derecha con el contenido de los alrededores. El estilo de flotación que permite el contenido palabra-envoltura alrededor de un elemento HTML, incluyendo cuadros de texto del formulario de contacto. Se crea una clase CSS que define la propiedad "flotar", a continuación, asignar la nueva clase a cada uno de sus elementos de formulario de contacto.

Instrucciones

1 Haga clic derecho en el archivo CSS y seleccione "Abrir con". Haga clic en el editor de HTML para abrir el código CSS.

2 Añadir una clase en el archivo. El código siguiente crea una clase que flota los cuadros de texto del formulario de contacto a la de las envolturas de contenido a la derecha y la izquierda:

input.floating {

flotador izquierdo;

}

También puede utilizar el "derecho" a flotar el contenido de la izquierda y colocar el elemento de entrada a la derecha.

3 Haga clic en el archivo HTML que contiene el formulario de contacto. Haga clic en "Abrir con", a continuación, en el editor HTML de nuevo para abrir el formulario.

4 Añadir la nueva clase CSS a la propiedad de cuadro de texto de entrada "estilo". Escriba el siguiente código en cada una de las definiciones de las etiquetas de la caja de entrada de texto:

class = "flotante"

5 Ahorrar el archivo CSS, y el archivo HTML y cargar los cambios en su servidor de alojamiento del sitio web.