Question

I have a template which has 3 equally spaced boxes, the problem is that i am unable to get the last box to align correctly the first two elements.

how do i add a 3 block equally spaced box in css without tables?

my attempt http://khine.3b1.org/activities/activities.html

any advise much appreciated.

thanks

Answer 1

Make all three boxes float left:

.box ul.supports-list li.last {
 width: 200px;
 position: relative;
 float: left;
}

And provide more width overall:

.box .holder .frame {
  background: url(./box-b.gif) no-repeat 0 100%;
  width: 620px;
  padding: 18px 4px 42px 16px;
}