Float(Left & Right) and Clear property in CSS(HINDI) | For Absolute Beginners | Explained | WEB-DEV
hey, beautiful people welcome back, today we talk about the Float and Clear Property in CSS.
In this video, you learn about Float and Clear property.
It basically tells us how to wrap text around Elements, and another property is clear which helps us to stop text wrap.
in the float, we see the two values.
1. Float: Left:- in which our text flows to the right.
2. FLoat: Right:- In which our text flows to the left.
-------------------------------------------------------------------------------------------------
in the Clear, we see four values.
1. clear: left:- to stop the flow until the left side is clear of all elements.
2. clear: right:- to stop the flow until the right side is clear of elements.
3. clear: both:- to stop the flow until both sides are clear.
4. clear : none:- to continue the flow.
-------------------------------------------------------------------------------------------------
If we wanna add some gap between two elements we use the margin property, and if we wanna create a gap between border and content then we use the padding property.
Padding is a clear area around the content.
Margin is a clear area around the Border.
A border is a line that lies between the margin and padding.
-------------------------------------------------------------------------------------------------
also access to the previous videos to learn
links down below.
------------------------------------------------------------------
background color in css:- • Background and Text color in CSS | Web-Dev...
colors in CSS:- • Colors in CSS | Web-Development | Part-1
Introduction to CSS:- • Introduction to CSS | Web-Development
class and id attri:- • Class and Id Attribute in HTML | Web-Deve...
inline and block Elments:- • Inline and Block Elements in HTML5 | Web-D...
list in HTML5:- • List in HTML5 | Web-Development
anchor and image element in HTML:- • Attributes, Image and anchor tag in HTML5 ...
Superscript and Subscript tags:- • Superscript and Subscript in HTML5 | Web D...
Bold and Italic tags in HTML5:- • Bold and Italic Tags in HTML5 | Web Develo...
Empty elements in HTML5:- • Empty Element(Line Break and Horizontal Ru...
paragraph tag in HTML5:- • Paragraph in HTML5 | Web-Development
Heading tags in HTML5:- • Heading Tags in HTML
Playlist link below:-
------------------------------------------------------------------------------------------
Web-Development:- • Web-Development
Python:- • Python
Instagram handle:- @tesk_code
Twitter handle:- @CodeTesk