Currently I have everything on the left hand side of the page. But I would like to begin changing it to the middle (just horizontally). But as i'm a beginner, each time i try it doesn't turn out right. Could someone with more experience help? 

html:

```
   <div class="iphonecontainer">
   <img class="iphone" src="untitled.jpg" align="left">
   </div>

```

css:

```
   .iphonecontainer
   {
   width:100%;
   float:left;
   margin-top:6.5%;
   }

   .iphone {
   display:block;
   width: 400px;
   margin: 0;
   padding: 0;
   }

```

Thanks for taking the time to help, have a good day!