Space between Divs

by kuonyuu

HTML

<div class="block1">
	<div class="title">Div in multilines</div>
	<div class="item">Text</div>
	<div class="item">Text</div>
</div>

<div class="block2">
	<div class="title">Div in same line</div>
	<div class="item">Text</div><!-- comment --><div class="item">Text</div>
</div>


<div class="block3">
	<div class="title">Float Div in multlines</div>
	<div class="item">Text</div>
	<div class="item">Text</div>
</div>

CSS

.item {
	background-color: #bbb;
	display: inline-block;
}

.block1, .block2, .block3 {
	margin-bottom: 10px;
	background-color: #dedede;
}

.block3 > .item {
	float: left;
}