DEV Community

front_end_shifu_2022
front_end_shifu_2022

Posted on

1

Explaining CSS float

One of the basic and most useful property that every Web designer should learn is float property.
it is most commonly used for floating text around the image or creating two column layouts. The float property can cause a lot of frustration and confusion of it's not clearly understood.
So I will try to clear your confusion.

Float property:
Float property specifies how the element should float.
with the use of float property the element can be placed left or right.

The float property possible values area:
1 Left:
The element float to the left side of its
containing block.
2 Right:
The element float to the right side of its
containing block.
3 None:
The element does not float.

when the element has float set to it . it moves left or right until it touches edge of the container or any other floated element.

That's all for now .I'll share more in my up-coming posts.
Thank you for reading!

Sentry image

Hands-on debugging session: instrument, monitor, and fix

Join Lazar for a hands-on session where you’ll build it, break it, debug it, and fix it. You’ll set up Sentry, track errors, use Session Replay and Tracing, and leverage some good ol’ AI to find and fix issues fast.

RSVP here →

Top comments (0)

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay