Utilizzando i margini CSS è un modo utile per spazio contenuto sulla tua pagina Web in modo elementi non sembrano essere troppo vicino a vicenda. I margini sono un'alternativa alla tecnica di "galleggiare" CSS per quando non hai bisogno di elementi per avvolgere intorno ad una zona circostanti. La proprietà margin specifica la quantità di spazio vuoto per posizionare sopra, a destra, sotto e a sinistra di un elemento. Aggiungere margini al vostro Web page dichiarando uno stile CSS e chiamando quindi all'interno del codice HTML con la parola chiave "class".

Istruzioni

1

Aprire il documento HTML in un editor come il blocco note di Windows.

2

Creare il codice CSS per margini aggiungendo il codice seguente nella sezione < head > del file HTML:

.mymargin {margine: 50px 0px 0px 40px;}

Il "." carattere all'inizio della riga indica un selettore di classe, che può essere utilizzato su più elementi. La proprietà "margin" imposterà un margine di 50px in alto a sinistra, un margine di 0px sulla destra, un margine di 0px sul fondo e un margine di 40px a sinistra dell'elemento.

3

Aggiungere il seguente codice HTML nella sezione < body > del file:

< p > primo paragrafo. </p >
< classe p = "mymargin" > il secondo paragrafo. </p >

Questo crea 50px di spazio vuoto tra i due paragrafi verticalmente. Essa stabilisce inoltre 50px di spazio tra il secondo paragrafo e il lato sinistro della pagina.

4

Salvare il file HTML e caricarlo sul server Web. Aggiornare la pagina per visualizzare i nuovi margini.