Come evitare spazio vuoto in HTML Utilizzando Div

October 20

Come evitare spazio vuoto in HTML Utilizzando Div


DIV HTML sono elementi di blocco che gruppo di altri dati HTML. È possibile gestire i dati contenuti all'interno di un DIV come gruppo, per esempio, con gli stili CSS. CSS consente di impostare vari attributi quali bordi, colore di sfondo e la posizione. Utilizzare uno stile CSS all'interno di un DIV per controllare lo spazio bianco intorno agli elementi HTML.

istruzione

1 Lanciare il proprio editor e aprire il documento HTML.

2 Allegare i tuoi contenuti con inizio e fine tag DIV:

<Div>

<H1> Un primo livello di titolo </ h1>

<P> Un paragrafo di testo </ p>

</ Div>

3 Inserire uno stile per "margin-top" con spaziatura negativa nel DIV per sottrarre spazio dalla parte superiore del blocco:

<Div style = "margin-top: -6px;>

<H1> Un primo livello di titolo </ h1>

<P> Un paragrafo di testo </ p>

</ Div>

4 Salvare il file. Utilizzare l'opzione di anteprima del vostro editor o di aprire la pagina all'interno di un browser Web per visualizzare i risultati del cambiamento di stile.