Welcome to The Tijou Family Ancestory Page
The float property takes the element out of the document flow and “floats” it against the edge of the block-level element that contains it. Other block-level elements will then ignore the floated element and render as if it isn’t there. Inline elements such as content, however, will make space for the floated element, which is why we can use float to cause our text to wrap around an image. As we can see clearly in Figure 9.5,
the text bumps right up against the side of the image. Figure 9.6 shows that, if we add a border to that image, the text bumps right up against the side of the border.