Support » Fixing WordPress » How can I add 5 images to one line using css

Viewing 1 replies (of 1 total)
  • vtxyzzy

    (@vtxyzzy)

    Try arranging your divs like this:

    <div class="image-line">
       <div class="image-cell">
          <!-- put one image here -->
       </div>
       <div class="image-cell">
          <!--- put one image here -->
       </div>
       <!-- repeat for each image -->
    </div>
    <div class="image-clear"></div>

    Then, use CSS like this:

    .image-line {
       width: 600px;
    }
    .image-cell {
       width: 100px;
       margin: 10px;
       float: left;
    }
    .image-clear {
       clear: both;
    }

    Adjust the widths and margin as needed.

Viewing 1 replies (of 1 total)
  • The topic ‘How can I add 5 images to one line using css’ is closed to new replies.