float:left ile margin:auto kullanımı

#product {
  width:auto;
  min-height:500px;
  margin-top:25px;
  margin-bottom:25px;
  margin:auto;
}
.left {
  width:500px;
  height:450px;
  border-left: 1px solid #e2e2e2;
  border-top: 1px solid #e2e2e2;
  border-bottom: 1px solid #e2e2e2;
  float:left;
  margin:auto;

}
.right {
  width:500px;
  height:450px;
  background: #fff;
  border: 1px solid #e2e2e2;
  float:left;
  margin:auto;

}