About

Breaking

Tuesday 23 May 2017

CSS Float and CSS Clear Property div Element

CSS Float Property

CSS Float property set the element to wrap around left or right side from another element.

सीएसएस फ्लोट संपत्ति

सीएसएस फ्लोट प्रॉपर्टी तत्व को अन्य तत्व से बाईं ओर या दायीं ओर लपेटने के लिए सेट करती है।

Property
Value
Description
float
left
right
none
Set element to wrap left or side from another element.

 

Example Code:

 <body>
    <div style="width:250px;">
        <p style="float:left;margin:5px;font-size:18px;"> Float </p>
        <p>This example is display wrap around left float style in the elements. the paragraph style font-size is 18 pixel are write.</p>

    <div>
</body>

 

Example Result:

 

 

CSS Clear Property

CSS Clear property clean the floating left or right side or may be both side wrap area.
So it's effect is next element start in next new line.

 

 सीएसएस साफ़ संपत्ति


सीएसएस साफ़ संपत्ति फ्लोटिंग बाएं या दाएं तरफ को साफ करती है या दोनों ओर लपेटें क्षेत्र हो सकती है।
तो इसका प्रभाव अगले नई लाइन में अगले तत्व शुरू होगा

 

Property
Value
Description
clear
left
right
both
none
specify of which floating side to clean.

Example Code:

<body>
    <div style="width:250px;">
        <p style="float:left;margin:5px;font-size:18px;"> Float </p>
        <p style="clear:both;">This example is display wrap around left float style in the elements. the paragraph style font-size is 18 pixel are write.</p>
    <div>
</body>

 

Example Result:

 

No comments:

Post a Comment