Course Content

  • lecture-10-css-positioning

Course Content


The positioning property with Float is used to position an element relative to the left or right of the parent element. The positioning property with Float can be used for a variety of purposes, including:

  • Creating a sidebar on a webpage that floats on either side of the main content area
  • Creating a footer that floats below the main content area
  • Creating a navigation bar at the bottom of a webpage that floats below all other content

Float is a CSS property that allows you to place an element on the left or right side of the browser window. If you want to place an element next to another element, then you need to use float.

The float property is one technique to place components on a page. The float property is quite flexible and can be utilised in a variety of ways. The float attribute essentially allows us to separate an element from the typical flow of a page and position it to the left or right of its parent element.

The float CSS feature allows text and inline elements to wrap around an element on the left or right side of its container. The element is separated from the page's normal flow, but it remains a part of the flow (in contrast to absolute positioning).

The CSS float property determines how material is positioned and formatted on the page. Wrapping text around photos is the most popular application. Lists, paragraphs, divs, spans, tables, iframes, and blockquotes, for example, can all be wrapped around a specific HTML element using the float attribute.

Recommended Courses

Share With Friend

Have a friend to whom you would want to share this course?

Download LearnVern App

App Preview Image
App QR Code Image
Code Scan or Download the app
Google Play Store
Apple App Store
598K+ Downloads
App Download Section Circle 1
4.57 Avg. Ratings
App Download Section Circle 2
15K+ Reviews
App Download Section Circle 3
  • Learn anywhere on the go
  • Get regular updates about your enrolled or new courses
  • Share content with your friends
  • Evaluate your progress through practice tests
  • No internet connection needed
  • Enroll for the webinar and join at the time of the webinar from anywhere