masonry call item

by ian_smithz

HTML

<script src="http://masonry.desandro.com/jquery.masonry.min.js"></script>
<div id="container">

<div id="first" class="item">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque leo dui, volutpat quis rutrum vel, feugiat eget turpis. Phasellus vehicula justo nec urna dictum faucibus. Donec tellus leo, lacinia id malesuada vel, ultricies vitae nunc. Sed non tincidunt elit. Quisque elementum tempor lacinia. Fu</p>
</div>

<div id="second" class="item"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque leo dui, volutpat quis rutrum vel, feugiat eget turpis. Phasellus vehicula justo nec urna dictum faucibus. Donec tellus leo, lacinia id malesuada vel, ultricies vitae nunc. Sed non tincidunt elit. Quisque elementum tempor lacinia. Fu</p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque leo dui, volutpat quis rutrum vel, feugiat eget turpis. Phasellus vehicula justo nec urna dictum faucibus. Donec tellus leo, lacinia id malesuada vel, ultricies vitae nunc. Sed non tincidunt elit. Quisque elementum tempor lacinia. Fu</p></div>

<div id="third" class="item"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque leo dui, volutpat quis rutrum vel, feugiat eget turpis. Phasellus vehicula justo nec urna dictum faucibus. Donec tellus leo, lacinia id malesuada vel, ultricies vitae nunc. Sed non tincidunt elit. Quisque elementum tempor lacinia. Fu</p></div>

<div id="fourth" class="item"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque leo dui, volutpat quis rutrum vel, feugiat eget turpis. Phasellus vehicula justo nec urna dictum faucibus. Donec tellus leo, lacinia id malesuada vel, ultricies vitae nunc. Sed non tincidunt elit. Quisque elementum tempor lacinia. Fu</p></div>
<div id="fifth" class="item"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque leo dui, volutpat quis rutrum vel, feugiat eget turpis. Phasellus vehicula justo nec urna dictum faucibus. Donec tellus leo,...

CSS

#container{width:960px;background:#CCC;}

.item{width:305px;background:#ccc;margin:5px;float:left;}
.clearfix{clear:both;}
#first, #third, #fourth, #sixth{background:#FC0;}
#second, #fifth{background:#39F;}

JavaScript

$(document).ready(function(){
 $('#container').masonry({
 itemSelector : '.item',

 
  });
  

});