Właściwość float

Właściwość "float" w CSS służy do ustawiania elementów na stronie w taki sposób, że są one wyświetlane na bokach strony, zamiast w swoim normalnym miejscu, jakby były ustawione jako "block". Wartości tej właściwości to "left", "right", "none" (domyślna) i "inherit". Właściwość ta jest często używana do układania elementów na stronie, takich jak obrazy i tekst.

Można ustawić element jako float: left lub float: right aby ustawić go po lewej lub prawej stronie, zostawiając tekst i inne elementy wokół niego w swoim normalnym miejscu. Jeśli chcesz, aby element nie był ustawiony jako "float".

								
img {

  float: left;
  margin-right: 10px;
}

Lewy float

obraz Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sollicitudin tellus vel nunc congue, eget condimentum metus tempor.

Brak float

obraz Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus imperdiet, nulla et dictum interdum, nisi lorem egestas odio, vitae scelerisque enim ligula venenatis dolor. Maecenas nisl est, ultrices nec congue eget, auctor vitae massa.

Układ Kolumn Z float

								
.col1 {
  float: left;
  width: 33.33%;
}

.col2 {
  float: left;
  width: 33.33%;
}

.col3 {
  float: left;
  width: 33.33%;
}

Kolumna 1

Kolumna 2

Kolumna 3