Egenskapen float for blokker i CSS

Egenskapen float gjelder ikke bare for bilder, men også for alle andre blokker.

La oss sjekke dette.

La oss si at vi har en foreldreblokk med klassen parent, og inni den er det tekst og en underordnet blokk med klassen child. Begge blokkene har fått en ramme, og den underordnede har også bredde og høyde:

html<div class="parent">
  <div class="child"></div>
  some long text
</div>

css.parent {
  border: 1px solid red;
  text-align: justify;
}
.child {
  width: 200px;
  height: 100px;
  border: 1px solid green;
}

Результат:

La oss nå sette float for den underordnede til verdien left - teksten vil begynne å flyte rundt blokken vår:

html<div class="parent">
  <div class="child"></div>
  some long text
</div>

css.parent {
  border: 1px solid red;
  text-align: justify;
}
.child {
  float: left;
  width: 200px;
  height: 100px;
  border: 1px solid green;
}

Результат: