<!DOCTYPE html>
<html>
<head>
<title>CSS left property</title>
<style>
.contain {
border: 10px solid #000;
font-family: sans-serif;
font-size: 16px;
padding: 1em;
}
.fleft {
float: left;
border: 10px solid red;
background-color: #f57070;
padding: 1em;
}
.fright {
float: right;
height: 100px;
border: 10px solid red;
background-color: #f57070;
padding: 1em;
}
div.one {
clear: left;
}
div.two {
clear: right;
}
div.three {
clear: both;
}
div.four {
clear: none;
}
</style>
</head>
<body>
<h1><code><b>clear left floated element</b></code></h1>
<div class="contain">
<div class="fleft">Left</div>
<div class="fright">Right</div>
<div class="one">Nature, in the broadest sense, is the natural, physical, or material world or universe. "Nature" can refer to the phenomena of the physical world, and also to life in general. The study of nature is a large, if not the only, part of science. Although humans are part of nature, human activity is often understood as a separate category from other natural phenomena. Nature, in the broadest sense, is the natural, physical, or material world or universe. "Nature" can refer to the phenomena of the physical world, and also to life in general. The study of nature is a large, if not the only, part of science. Although humans are part of nature, human activity is often understood as a separate category from other natural phenomena.</div>
</div>
<br />
<h1><code><b>clear right floated element</b></code></h1>
<div class="contain">
<div class="fleft">Left</div>
<div class="fright">Right</div>
<div class="two">Nature, in the broadest sense, is the natural, physical, or material world or universe. "Nature" can refer to the phenomena of the physical world, and also to life in general. The study of nature is a large, if not the only, part of science. Although humans are part of nature, human activity is often understood as a separate category from other natural phenomena. Nature, in the broadest sense, is the natural, physical, or material world or universe. "Nature" can refer to the phenomena of the physical world, and also to life in general. The study of nature is a large, if not the only, part of science. Although humans are part of nature, human activity is often understood as a separate category from other natural phenomena.</div>
</div>
<br />
<h1><code><b>clear both side floated element</b></code></h1>
<div class="contain">
<div class="fleft">Left</div>
<div class="fright">Right</div>
<div class="three">Nature, in the broadest sense, is the natural, physical, or material world or universe. "Nature" can refer to the phenomena of the physical world, and also to life in general. The study of nature is a large, if not the only, part of science. Although humans are part of nature, human activity is often understood as a separate category from other natural phenomena. Nature, in the broadest sense, is the natural, physical, or material world or universe. "Nature" can refer to the phenomena of the physical world, and also to life in general. The study of nature is a large, if not the only, part of science. Although humans are part of nature, human activity is often understood as a separate category from other natural phenomena.</div>
</div>
<br />
<h1><code><b>clear none</b></code></h1>
<div class="contain">
<div class="fleft">Left</div>
<div class="fright">Right</div>
<div class="four">Nature, in the broadest sense, is the natural, physical, or material world or universe. "Nature" can refer to the phenomena of the physical world, and also to life in general. The study of nature is a large, if not the only, part of science. Although humans are part of nature, human activity is often understood as a separate category from other natural phenomena. Nature, in the broadest sense, is the natural, physical, or material world or universe. "Nature" can refer to the phenomena of the physical world, and also to life in general. The study of nature is a large, if not the only, part of science. Although humans are part of nature, human activity is often understood as a separate category from other natural phenomena.</div>
</div>
<br />
</body>
</html>
