HTML: sostituzione per

Ho sempre pensato che sostituire il tag con

mi avrebbe procurato lo stesso risultato. A quanto pare ho sbagliato.

Questa è una porzione del mio HTML: (puoi anche vederlo in azione nella pagina che ho creato per questa domanda: http://www.moviez.4pu.com/ErrorPageSO.aspx

 

Oops... We're sorry.

You've just encountered an unknown error.

This site is a work-in-progress, we have already been informsd of the error and will do our best to fix it.
We would be thankful if you could contact us through the appropriate button and elaborate on what caused this error to appear.

You can go back to the Home page and continue using Moviez.NET.

Voglio fare 2 cose:

  1. Sbarazzati del tag mentre tieni il div al centro della pagina.
  2. Assicurati che il colore di sfondo e il bordo DIV esterni influiscano sugli spazi interni.

AGGIORNAMENTO: l’objective 1 è completato. Tempo per l’objective n. 2.

Usa margin: 0 auto; sul tuo

racchiude

 

Oops... We're sorry.

You've just encountered an unknown error.

This site is a work-in-progress, we have already been informsd of the error and will do our best to fix it.
We would be thankful if you could contact us through the appropriate button and elaborate on what caused this error to appear.

You can go back to the Home page and continue using Moviez.NET.

Guardalo in azione .

Riferimento: CSS: centrare le cose

Se vuoi semplicemente centrare il testo, sei questo stile css:

 text-align:center; 

Tuttavia, se stai cercando di centrare l’elemento o div stesso, ci sono alcune soluzioni per questo, una delle quali è la seguente:

 .mydiv { margin:0 auto; } 

O anche con qualcosa di simile:

 .mydiv { width:300px; // the width can sometimes be ignored based on inherent size of element. margin-left:auto; margin-right:auto; } 

O anche con qualcosa di simile:

 .mydiv { margin-left:50%; margin-right:50%; } 

Quindi vedi, ci possono essere più possibilità.

Il contenuto in linea è allineato con l’allineamento del testo, il contenuto del blocco è allineato ai margini (impostato su auto per il caso del centraggio). Vedi Centra utilizzando CSS .

se stai provando a centrare il div sulla pagina, di solito uso questo metodo per il mio div del wrapping principale per centrare la pagina.

rendendo il posizionamento a sinistra al 50% e poi margining indietro a metà della larghezza del div.

esempio sotto.

 #mainspace { position:absolute; left:50%; margin-left:-450px; height:auto; width:900px; border:none; } 

Prova questo, ha funzionato per me quando avrei voluto averlo ancora

 

etichetta

 < p style="text:align-center" > example image or text < / p >