Question

I have a bunch of HTML markup coming from an external source, and it is mainly h3 elements and ul elements.

I want to have the content flow in 3 columns. I know there is something coming in CSS3, but what options do I have to get this content to flow nicely into the 3 columns at the time being? I’m not that concerned about IE6 (as long as it degrades gracefully). Am I stuck using jQuery to parse the markup and chop it up into 3 divs which float?

Thank you

Update

As per request, here is some of the HTML I am working with

<h3>Tourism Industry</h3>

            <ul>

                <li><a href="">Something</a></li>
                <li><a href="">Something</a></li>
                <li><a href="">Something</a></li>

                <li><a href="">Something</a></li>
            </ul>

            <h3>Small Business</h3>
            <ul>
                <li><a href="">Something</a></li>
                <li><a href="">Something</a></li>
                <li><a href="">Something</a></li>

                <li><a href="">Something</a></li>
                <li><a href="">Something</a></li>

            </ul> 

And a whole lot more following the same format.

Answer 1

Personally, I’d just go with CSS3. With a bit of luck, it might even get implemented in IE9. If you need IE7/8/Opera support, I guess I’d add a JavaScript solution for when CSS3 isn’t available (as other users have explained).