Relative, floats, clearing

Malo mešano na žaru

by Gregor Z.

HTML

<div class="a">
A
</div>

<div class="b">
B
</div>

<div class="c">
C
</div>

CSS

.a {
  width: 50px;
  height: 50px;
  border: 2px solid navy;
  position: relative;
  top: 90px;
  left: 30px;
  margin-bottom: 20px;
}

.b {
  width: 60px;
  height: 60px;
  border: 2px solid crimson;  
  float: right;
  
}

.c {
  width: 60px;
  height: 60px;
  border: 2px solid lime;
  clear: right; 
}