как порождать боксы бок о бок

Привет, я пытаюсь создавать коробки бок о бок, я не знаю, что делать, я попытался использовать Float:left; но это также не работает здесь, это мой код css

    <style>
div.heh
{
width:550px;
height:200px;
border:1px solid black;
background-color: #f5f5f5;
  border: .5px solid #e3e3e3;
  border-radius: 1px;
  padding: 19px;
  margin-bottom: 5px;
  min-height: 10px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
box-align:left
float:left;
}
div.hehh
{
width:550px;
height:200px;
border:1px solid black;
background-color: #f5f5f5;
  border: .5px solid #e3e3e3;
  border-radius: 1px;
  padding: 19px;
  margin-bottom: 5px;
  min-height: 10px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
box-align:right
float:right;
}

</style>
<!------- here is the HTML Structure ----->
  <div class="heh" align="left">
        <h3>SteamRep:<button type="button" class="btn btn-default"  >Normal</button><br>
        <a href="http://backpack.tf/id/712">View Backpack</a><br>
        <a href="http://www.tf2outpost.com/user/285419">View TF2Outpost</a>
        </h3>
      </div>
      <div class="hehh">
      <h3>Positive Reputation:<font color="green">100</font><br>
      Negative Reputation:<font color="red">1</font></br>
      Total Raffles Participated:<font color="green">12</font><br>
      Warnings Received:<font color="red">0</font><br>      

      </h3>    
      </div>

В приведенном выше коде ящики будут появляться ниже друг друга, я не знаю, что происходит, я искал в другом месте и не нашел много ресурсов, вот изображение