6 Replies Latest reply: Feb 21, 2012 3:27 PM by broomeGirl RSS

    I would like to be able to line up 4 images in a row along with their corresponding h2 tags

    broomeGirl Community Member

      Hi all,

       

      I would like to be able to line up 4 images in a row along with their corresponding h2 tags.  This is what I have, which lines up the images but not quite.

       

      <div id="??">

       

      <h2>??</h2>

      <a href="??.html"><img src="??" /></a>

       

      <h2>??</h2>

      <a href="??.html"><img src="??" /></a>

       

      <h2>??</h2>

      <a href="??.html"><img src="??" /></a>

       

      <h2>??</h2>

      <a href="??.html"><img src="??" /></a>

       

      </div><!--END of ??-->

       

      The CSS - the borders and the backgrounds are just so I can see whats going on.  The images are 200 x 150.

       

      #??{

          width:860px;

          margin:0 auto;

          padding:0;

          background-color:#669933;

          overflow:hidden;}  

       

      #?? a img{

          float:left;

          border:2px solid red;

          padding:0 10px 0 0;

          margin:0;}

       

      #?? h2 {

          font: 15px "Helvetica Neue", Helvetica, Arial, sans-serif;

          padding:0;

          margin:0;}

       

      This is the layout I am getting

       

      4ImagesRow.jpg

       

      I would really appreciate any help with this.  Thanks