title: How to align two objects on same line?
body: <p>I'm working on a project which should have two boxes in the upper left hand corner, but then centered text on the same line, seen here: <a href="http://jsfiddle.net/charliedean/Gqq6w/23/" rel="nofollow">http://jsfiddle.net/charliedean/Gqq6w/23/</a> . But I'm running into a simple problem with CSS (I'm a novice). The h1 should be aligned center, but the boxes should be in the upper left corner, so here's the code:</p>
  
  <pre><code>.box {
  margin: 5px;
  background: #fff;
  color: #000;
  text-align: center;
  padding: 20px;
  height: 50px;
  width: 50px;
  line-height: 50px;
  font-family:'Francois One', sans-serif;
  float: left;
  position:relative;
  left:0;
  top:0;
  
  h1 {
  font-family:'Francois One', sans-serif;
  font-size:100px;
  color:#fff;
  float:center;
  </code></pre>
  
  <p>There's going to be a center aligned jpeg below that. Any help?</p>