Hogyan lebegtessek (flotoljak) egymás mellé 3 divet cssben?

<div class="elso"></div>

<div class="masodik"></div>

<div class="harmadik"></div>

.elso, .masodik, .harmadik {

float: left;

width: 100px;

height: 100px;

background: #ccc;

margin: 5px;

}

<style>

.item{

width: 50px;

height: 50px;

float: left;

margin: 10px;

background: #abc;

}

</style>

<div class="item">Content 1</div>

<div class="item">Content 2</div>

<div class="item">Content 3</div>

<div class="item">Content 4</div>