Centrare verticalmente due div

[src2]

#main {
  width:500px;
  margin:0 auto;
  border:1px solid blue;
}
#main > div {/* Float wrappers */
  display: inline-block;
  vertical-align: middle;
  width:50%;
}
.float-left {
  float: left;
}
.float-right {
  float: right;
}

<div id="main">
  <div>
    <div class="float-left">
      <p>AAA</p>
    </div>
  </div><div>
    <div class="float-right">
      <p>BBB</p>
      <p>BBB</p>
    </div>
  </div>
</div>

Non chiedetemi come ma mi sono trovato la soluzione da solo :')