डाउनलोड पी.डी.एफ. ई-बुक्स
CSS - Float

विवरण :

कोई विवरण नहीं है |


सोर्स कोड :

<!DOCTYPE html>
<html>
<head>
<title> CSS - Float </title>
<style>

.left-float{
float:left;
}
.clear-left{
clear:left;
}
.right-float{
float:right;
}
.clear-right{
clear:right;
}
.clear-both{
clear:both;
}
</style>
</head>
<body>

<div class="left-float"> 
Float is left.
</div>

<div class="clear-left"> 
Clear left side.
</div>

<div class="right-float"> 
Float is right.
</div>

<div class="clear-right"> 
Clear right side.
</div>

<div class="clear-both"> 
Clear left and right.
</div>

</body>
</html>

आउटपुट :









Float is left.
Clear left side.
Float is right.
Clear right side.
Clear left and right.