Data view items iterating horizontally

Question

Has anyone gone through the process of using a data view to display items horizontally?

Item1             Item2             Item3
Metadata1     Metadata2     Metadata3

Item4             Item5             Item6
Metadata4     Metadata5     Metadata6

I'm looking to do this and set a condition to check for x items and create a new row.

Answer 1

Yes it can be done, I'm currently doing it on something I'm working on. The key is to have a fixed width container for your items. Then for each item, it sits in a div with a fixed width and displayed inline-block. This will get you the automatic wrapping you want.

<div style="width: 900px;">
<div style="width: 280px; padding: 10px; display: inline-block;"><!--Repeat for each item --></div>
</div>