CSS में फ्लोट गुण और कई ब्लॉक
अब मान लें कि HTML कोड में एक के बजाय दो
डिव चिल्ड्रन होंगे और दोनों को float
दिया गया है
मान left में। आइए देखें,
क्या होगा:
<div class="parent">
<div class="child">1</div>
<div class="child">2</div>
some long text
</div>
.parent {
border: 1px solid red;
text-align: justify;
}
.child {
float: left;
width: 200px;
height: 100px;
border: 1px solid green;
}
:
तो, जैसा कि हम देखते हैं, दो ब्लॉक-चिल्ड्रन एक पंक्ति में खड़े हो गए, और HTML कोड में पहला ब्लॉक होगा बाईं ओर स्थित।
अब मान left के बजाय
मान right लिखें। इस मामले में
ब्लॉक दाईं ओर फ्लोट होंगे, और क्रम
उनका HTML कोड में क्रम की तुलना में उलट हो जाएगा:
<div class="parent">
<div class="child">1</div>
<div class="child">2</div>
some long text
</div>
.parent {
border: 1px solid red;
text-align: justify;
}
.child {
float: right;
width: 200px;
height: 100px;
border: 1px solid green;
}
:
