What is the CSS float property and how does it work?

What is the CSS float property and how does it work?

The CSS float property is used for positioning and formatting content. It allows elements to float to the left or right of their container, enabling text and inline elements to wrap around them.

Can you give me an example of how to use float in CSS?

Sure! Here's a simple example:

img {
    float: left;
    margin: 10px;
}

This will make the image float to the left, allowing text to wrap around it.

What are some common issues with using float?

Common issues include collapsing parent containers, overlapping elements, and difficulty in clearing floats. Using clearfix techniques can help.

Is float still recommended for layout in modern web design?

While float was widely used for layout, modern CSS layout techniques like Flexbox and Grid are now preferred for more control and responsiveness.