Question

I have 4 hard coded divs. After the third div I would like to break or put the 4th div on a new line. How do I do this and can I do this php or do I have to use javascript/jQuery? The divs are wrapped in a label tag btw. I forgot to mention that the labels are dynamically turned on. So not all labels are viewed at once.

<label class="1">
    <div id="div1">Stuff 1</div>
</label>
<label class="2">
    <div id="div2">Stuff 2</div>
</label>
<label class="3">
    <div id="div3">Stuff 3</div>
</label>
<label class="4">
    <div id="div4">Stuff 4</div>
</label>

Answer 1

Use nth-child:

$('label:nth-child(4n)').after("<br/>");​