Need Help With 3 Boxes

Discussion in 'CSS' started by Guthix121, Jan 11, 2009.

0
  1. #1
    I'm trying to make three different boxes appear all in one row (for now they are only 'test')

    http://www.monetizemyweb.com/wordpress/

    As you can see, one of the tests does not line up with the other two. How do I make it so that it does? Thanks :)
     
    Guthix121, Jan 11, 2009 IP
  2. webdesigner

    webdesigner Well-Known Member

    Messages:
    489
    Likes Received:
    14
    Best Answers:
    0
    Trophy Points:
    110
    #2
    .infoboxes has a width of 940px

    .box has a width of 310px and margin of 0 5px 0 5px which gives it an extra 10px width so total width is 320px

    320px x 3 = 960px

    Therefore 3 .box's cannot fit inside .infobox which is why the third one wraps underneath the others. Reduce the width of .box and it will work fine.
     
    webdesigner, Jan 12, 2009 IP