idem

Nello stato di default qualsiasi elemento div viene considerato dai nostri browser come un elemento che ha la proprietà display: block;, un blocco quindi. Se vai a vedere come viene creata la pagina index.html nel tuo browser troverai un risultato simile a questo:

Come c’era da aspettarsi i nostri elementi blocco si dispongono uno sotto all’altro ed andranno ad occupare tutta la larghezza del suo contenitore, che da CSS è stata impostata all’80% della larghezza della finestra stessa. Ma il comportamento risulta molto diverso se andiamo a modificare la proprietà display ci questi stessi elementi, andiamo a vederla da vicino.