Hello i am trying to spawn boxes side by side i dont know what to do i have tried
using `Float:left;` but that also didnt work 
here is my css code

```
    <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>

```

In the above code the boxes would spawn below each other i dont know what is going wrong i have searched elsewhere also didnt find much resources here is the image![thats the image](https://i.imgur.com/XMAJlTC.png)