Question

I’ve got a couple of DIV’s within a containing DIV . I want them to sit next each other horizontally but no matter what I do they stay on the vertical.

code :

<style>

#entrycontainer {
    height:100px;
    width:500px;
}
#entry {
    height:100px;
    width:200px;
}
</style>

      <div id="entrycontainer" >

          <div id="entry" >
          <h1>PHP File Upload/Browser</h1>
          <img src="img/projectimg/fileupimg.png" />
          <p>PHP MySQL CSS</p>
          </div>

          <div id="entry"  >
          <h1>PHP File Upload/Browser</h1>
          <img src="img/projectimg/fileupimg.png" />
          <p>PHP MySQL CSS</p>
          </div>

    </div>

Answer 1

add float:left; to you entry class should look like this also of note you should change like I did for you in the code the #entry to .entry and change them to reference a class. the correct use of class is anytime more than one element is styled on the same page it should be set as a class.

<style type="text/css">

#entrycontainer {
    height:100px;
    width:500px;
}
.entry {
    float: left;
    height:100px;
    width:200px;
}
</style>

      <div id="entrycontainer" >

          <div class="entry" >
          <h1>PHP File Upload/Browser</h1>
          <img src="img/projectimg/fileupimg.png" />
          <p>PHP MySQL CSS</p>
          </div>

          <div class="entry"  >
          <h1>PHP File Upload/Browser</h1>
          <img src="img/projectimg/fileupimg.png" />
          <p>PHP MySQL CSS</p>
          </div>

    </div>