Why doesn't float create a line break?

Question

css

I read: "Block elements are characterized by the fact that they take up the entire available width, the height of the element is determined by its content, and it always starts on a new line."
I understand on the fingers:

<div class="" style="background-color: red;">Первый </div>
  <div class="" style="background-color: green;>Второй </div>
  <div class="" style="background-color: yellow;">Третий </div>

While everything is logical. Each block starts on a new line.
But adding a float

<div class="" style="background-color: red;">Первый </div>
  <div class="" style="background-color: green; float: right">Второй </div>
  <div class="" style="background-color: yellow;">Третий </div>

the second and third blocks are on the same line.
Why is the third div not displayed from the third line, but "jumps" to the second one? Why does float suddenly break the definition of block-level elements when it is explicitly stated that "it always starts on a new line"?
Probably the most logical answer is: "because it's a float" - but I can't figure out "how it works", even though I googled both the div and the float specification.

Answer 1

Why does float suddenly break the definition of block elements

so because it wraps the element. First, read about its properties. An element given a float will wrap around the previous element