title: I'm trying to display images horizontally using CSS
body: <p>I have a series of images I would like to display horizontally on my website, using CSS and divs.   I've looked at several posts about how to display images horizontally already and I wasn't able to get any of them to work.  </p>
  
  <p>Here's the code from the page I'm referring to:</p>
  
  <pre><code> &lt;head&gt;
   &lt;link rel=StyleSheet href="style.css" type="text/css" media=screen&gt;
   &lt;style&gt;
   div.imageBox {
     float: left;
     margin-right: 10px;
     }
  
   div.imageBox p {
   text-align: center;
     }
  
   &lt;/style&gt;
   &lt;/head&gt;
   &lt;body&gt;
   &lt;?php include 'header.php'; ?&gt;
   &lt;div id="content"&gt;
   &lt;div id="container"&gt;
  
   &lt;div class="imageBox"&gt;
   &lt;img src="image" width="800" height ="600"&gt;
   &lt;/div&gt;
  
   &lt;div class="imageBox"&gt;
   &lt;img src="image" width="600" height ="450"&gt;
   &lt;/div&gt;
  
   &lt;div class="imageBox"&gt;
   &lt;img src="image" width="800" height ="450"&gt;
   &lt;/div&gt;
  
   &lt;/div&gt;
   &lt;/div&gt;
   &lt;/body&gt;
  </code></pre>
  
  <p>and here's the code for the style sheet: </p>
  
  <pre><code>body{
  font-family: helvetica, arial, sans-serfif; 
  font-size: 14px;}
  
  div#menu {
  display: inline;
  text-align: center;
  width: auto;
  top: 20px;
  margin-left: 10%;
  margin-right: 10%;
  background: transparent;
  height: 10px;
  position: fixed;
  }
  
  
  div#menu ul {
  margin: 0;
  display: block;
  }
  
  div#menu ul li {
  padding-right: 55px;
  display: inline;
  }
  
  div#content {
  padding-top: 40px;
  text-align: center;
  }
  
  div#container{
  float: left;
  display: inline;
  height: 800px;
  width: 0px;
  }
  
  a:link {
  text-decoration: none;
  color: #000;
  }
  a:active {
  text-decoration: none;
  color: #000;
  }
  a:visited {
  text-decoration: none;
  color: #000;
  }
  a:hover {
  text-decoration: underline;
  color: #000;
  }
  </code></pre>
  
  <p>Is there perhaps an easier way for me to do this?  </p>
  
  <p>Thanks for your help!</p>