title: displaying images horizontally
body: <p>The photos on my website are on top of each other and the other photos are displaying vertically. Do you have any idea how to solve this?</p>
  
  <p>CSS:</p>
  
  <pre><code>#photo1{
      float: left;
      width: 10px;
      margin-left: 210px;
      text-align: justify;
  }
  
  .img-with-text {
      text-align: justify;
      width: 200px;
  }
  .img-with-text:hover {
      text-decoration: underline;
  }
  </code></pre>