Help Rows of columns

[kevintheradioguy]

So I'm using this simple class system to create three columns in my table.

[nobr]
[class=box2]
display:inline-block;
vertical-align:top;
horizontal-align:center;
width:30%;
box-sizing: border-box;
margin-left:15px;
text-align:justify;
[/class]
[/nobr]

[accordion=90%|bcenter | right]
{slide=right| [bg=#c0cdd6][font=Verdana]ACCORDION[/font][/bg]}[div class=box2]
1
[/div][div class=box2]
2
[/div][div class=box2]
3
[/div]
{/slide}
[/accordion]

Spoiler: preview

[class=box2] display:inline-block; vertical-align:top; horizontal-align:center; width:30%; box-sizing: border-box; margin-left:15px; text-align:justify; [/class]

ACCORDION

[div class=box2]
1
[/div][div class=box2]
2
[/div][div class=box2]
3
[/div]

This time, I wanted to create a few rows of these columns, sort of looking like this:

But I cannot really figure out how to do that. I have tried adding another class to create a cell (with basically just vertical and horizontal alignment and -1 margin) to put columns 1, 2, 3 in, then on the next line add the new box with 4, 5, 6 and so on... it didn't really work, so I'm thinking how do I do that?

 

[Fable]

Gonna re-type my post, I hit submit instead of preview, lel.

It works in desktop for me, can you show me how yours is not working?

 

[kevintheradioguy]

I somehow got this when I poked it the first time... which was confusing as it should've worked IMO.



Now when I think about it, perhaps it doesn't like paragraphs under ispoiler.

 

[Fable]

It still works fine for me even then.


Post the code with the other rows you are trying to put in.