Is it possible to display a list in a two-column format based on a data attribute of each item?
<ul>
<li data-list="general_results">general text1</li>
<li data-list="general_results">general text2</li>
<li data-list="general_results">general text3</li>
<li data-list="category_results">category text1</li>
<li data-list="category_results">category text2</li>
<li data-list="category_results">category text3</li>
<li data-list="category_results">category text4</li>
</ul>
The desired output should look like this:
general text1 category text1
general text2 category text2
general text3 category text3
category text4
It can be assumed that the items listed will always be grouped accordingly.
Efforts to achieve this layout using floating elements have resulted in a left-to-right rather than vertical arrangement. Any suggestions for achieving the desired output?