Come centrare orizzontalmente un div all’interno di una pagina web

Uno degli obiettivi “classici” di chi sviluppa siti web è quello di centrare un elemento all’interno del suo contenitore.

In questo video vediamo, in meno di 2 minuti, come possiamo raggiungere questo risultato:

Nulla di più semplice.

Una volta creato il div all’interno della nostra pagina web, è sufficiente impostare sia il margin-left che il margin-right sul valore auto.

Ed ecco il codice sorgente del file HTML …

<!DOCTYPE html>
<html>
  <head>
    <title>Come centrare un div</title>
    <link rel="stylesheet" type="text/css" href="style.css">
  </head>
  <body>
    <div>
      Questo è il mio div centrato!
    </div>
  </body>
</html>

… e del CSS:

div {
  width: 400px;
  margin-left: auto;
  margin-right: auto;
}

Spero sia stato utile!

Come centrare orizzontalmente un div all’interno di una pagina web

Guarda questo video per realizzare siti web professionali e responsive


Commenti Facebook