[css] layout con div

[Frankesk]

Avete idea di come fare questi due box qua sotto (tag DIV) di modo che mi occupino una riga intera, ovvero che ognuno occupi 50% del contenitore?



Giocando con display: inline viene quello schifo lì...

css code:

div.test
{
	border-right: #272b39 1px solid;
	border-top: #c4c8d8 1px solid;
	border-left: #c4c8d8 1px solid;
	border-bottom: #272b39 1px solid;
	width: 50%;
	height: 20px;
	display: inline;
	background-color: #687198;
}

html code:

<div class="test">prova</div><div class="test">prova</div>

Grazie in anticipo.

[AtomSurfer]

Prova così

div.testsx
{
	border-right: #272b39 1px solid;
	border-top: #c4c8d8 1px solid;
	border-left: #c4c8d8 1px solid;
	border-bottom: #272b39 1px solid;
	width: 50%;
	height: 20px;
	float: left; 
	background-color: #687198;
}
div.testdx
{
	border-right: #272b39 1px solid;
	border-top: #c4c8d8 1px solid;
	border-left: #c4c8d8 1px solid;
	border-bottom: #272b39 1px solid;
	width: 50%;
	height: 20px;
	float: right; 
	background-color: #687198;
}

<div class="testsx">prova</div><div class="testdx">prova</div>

[Frankesk]

Grande!

Però ho dovuto togliere il bordo necessita di una sistemata.



Altrimenti con i bordi veniva fuori così: