Problema di allineamento box

[provoadimparare]

Ciao a tutti, sto provando a fare un box come quello che nell'immagine ma ho qualche problema.

box.jpg

Questo è il codice html che sto utilizzando:

<div class="boxuso">
<div class="boxverticale">Utilizzo</div>
<div class="boxdxuno">proviamoci</div>

</div>

Mentre questo è il CSS

.boxuso{
  width: 980px;
  height: 320px;
  margin-top: 15px;
}

.boxuso .boxverticale{
  height: 310px;
  width: 100px;
  margin: 5px; 5px; 5px; 5px;
  background-color: #8CD9EA;
}

.boxuso .boxdxuno{
  height: 100px;
  width: 840px;
  margin-left: 5px;
  background-color: #8CD9EA;
  margin-top: 5px;
  text-align: center;
  text-transform: uppercase;
  color: #ffffff;
}

Il mio prolema è che ottengo un qualcosa del genere:

boxerrato.jpg

Ho provato anche ad impostare un float left al boxverticale e un float: right al boxdxuno ma la cosa è diventata ancora peggio.


Potete aiutarmi a capire dove sta l'errore e come risolverlo?

Grazie

[provoadimparare]

Credo di aver risolto con un display:inline-block; continuo nella modifica e vi faccio sapere