CSS Float. Meniu de navigatie. Exemplu de dispunere web.

Meniu de navigatie (Navigation Menu)

Utilizați float cu o listă de hyperlinkuri pentru a crea un meniu orizontal:

Exemplu:



Exemplu de dispunere web (Web Layout Example)

Este, de asemenea, obișnuit să faceți web layouts folosind proprietatea float:





Exemplu:
 

.header, .footer {
  background-color: grey;
  color: white;
  padding: 15px;
}

.column {
  float: left;
  padding: 15px;
}

.clearfix::after {
  content: "";
  clear: both;
  display: table;
}

.menu {
  width: 25%;
}

.content {
  width: 75%;
}