Float height 0 demo

by PeterChaplin

HTML

<div class="a">Hello</div>
<div class="b">&nbsp;</div>
<div class="c"></div>
<div class="d">World</div>

CSS

div {
    float: left;
    width: 100px;
}
.a {
    box-shadow: 1px 1px 1px 1px red;
}
.b {
    box-shadow: 1px 1px 1px 1px green;
}
.c {
    box-shadow: 1px 1px 1px 1px blue;
}
.d {
    box-shadow: 1px 1px 1px 1px purple;
}