La proprietà "float" CSS dice un browser per effettuare un elemento di sinistra o destra per il contenuto circostante. Lo stile galleggiante consente di contenuti word-wrap around un elemento HTML, tra cui le caselle di testo modulo di contatto. Si crea una classe CSS che definisce la proprietà "float", quindi assegnare la nuova classe a ciascuno dei vostri elementi del modulo di contatto.

istruzione

1 Pulsante destro del mouse il file CSS, e selezionare "Apri con". Clicca il tuo editor HTML per aprire il codice CSS.

2 Aggiungere una classe al file. Il codice seguente crea una classe che galleggia le caselle di testo modulo di contatto per la avvolge i contenuti a destra e sinistra:

input.floating {

float: left;

}

È inoltre possibile utilizzare "diritto" a galleggiare contenuti a sinistra e posizionare l'elemento di input a destra.

3 Fare clic destro sul file HTML che contiene il modulo di contatto. Fai clic su "Apri con", quindi fare clic di nuovo l'editor HTML per aprire il modulo.

4 Aggiungere la nuova classe CSS per la casella di testo di input "stile" di proprietà. Digitare il seguente codice in ciascuna delle definizioni di immissione del testo tag:

class = "fluttuante"

5 Salvare sia il file CSS, e il file HTML e caricare le modifiche al server del sito Web host.