Il proprietà CSS "galleggiante" indica un browser per posizionare un elemento sinistro o destro al contenuto circostante. Lo stile di galleggiante consente capo contenuto intorno a un elemento HTML, tra cui caselle di testo del modulo di contatto. Creare una classe CSS che definisce la proprietà "float", quindi assegnare la nuova classe a ciascuno degli elementi del modulo di contatto.

Istruzioni

1

Pulsante destro del mouse il file CSS e seleziona "Apri con". Fare clic su editor HTML per aprire il codice CSS.

2

Aggiungere una classe per il file. Il codice seguente crea una classe che galleggia le caselle di testo del modulo di contatto a sinistra e il contenuto va a capo a destra:

input.Floating () {

float: left;

}

È anche possibile utilizzare "diritto" a galleggiare il contenuto a sinistra e posizionare l'elemento di input sulla destra.

3

Pulsante destro del mouse il file HTML che contiene il modulo di contatto. Fare clic su "Apri con", quindi fare clic su editor HTML nuovamente per aprire il modulo.

4

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

classe = "galleggiante"

5

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