loop in columns CSS [closed]

[Priceydude]

I am looping content in paragraphs by alphabet but I would like them to be displayed in a different way than usual. Usually they will be displayed underneath each other and then by CSS it is posible to \[code\]float:left\[/code\]. It will make them lopp beside each other instead. Thats good but I would like them to loop both ways so that the alphabet goes down in columns but expands to the right. like so:\[code\]A\[/code\] \[code\]B\[/code\] \[code\]C\[/code\] \[code\]D\[/code\] \[code\]E\[/code\]
\[code\]A\[/code\] \[code\]B\[/code\] \[code\]C\[/code\] \[code\]E\[/code\] \[code\]F\[/code\]
\[code\]A\[/code\] \[code\]B\[/code\] \[code\]D\[/code\] \[code\]E\[/code\] \[code\]G\[/code\]
\[code\]A\[/code\] \[code\]B\[/code\] \[code\]D\[/code\] \[code\]E\[/code\] \[code\]H\[/code\]any CSS tricks to do so? or jQuery?PHP loop:\[code\]<?$sth = $conn->prepare("SELECT * FROM table WHERE id = :id");$sth->execute(array(':id' => $_GET['id']));while ($row = $sth->fetch(PDO::FETCH_ASSOC)) { ?><p class="alpha_column"><? echo $row['name'] ?></p><? } ?>\[/code\]If I give the div containing the paragraphs a specific height, I want the next paragraph to start to the right of the first column...Like this:

I don't need the vote downs.. Just don't look at this problem... I solve it myself... I delete this post later, when Stack Overflow makes it possible for me..