Question

I have to create a web page with a big div (grey colored) and many divs (black colored) near it (float left).

At the moment I’m using a margin (margin-right) which divides the black divs.
(I don’t mind about the grey div because it’s done.)
My problem is that the most right div for each row must not have the margin-right because i haven’t got any more space to give it.
I can’t create a specific class (margin-right: 0) for them because all the black divs will be added dynamically.
Is there any solution to my problem?

Answer 1

http://jsfiddle.net/aFkfm/1/

HTML:

<div id="wrapper">
  <div id="big"></div>
  <span></span>
  <span></span>
  ....
</div>

CSS:

div#wrapper {
    margin-left: -20px;
}
div#big {
    float: left;
    width:  220px;
    height: 220px;
    margin-left: 20px;
}
span {
    float: left;
    width: 100px;
    height: 100px;
    margin-left: 20px;
    margin-bottom: 20px;
}​