I was trying to understand float and clear. I have DIV with float left and then
element cleared right.
.container {
border: solid thin #ccc;
}
.left-segment {
float: left;
background-color: #8FC9FF;
height: 200px;
width: 200px;
}
.text-clear {
clear: right;
background-color: red;
}
<div class='container'>
<div class='left-segment'>I am LEFT DIV</div>
<p class='text-clear'>Hey There I am P with some so called DUMMY data. And Dummy data again</p>
See Question&Answers more detail:os