[RESOLVED] getting my display: block; float: left links to wrap properly
I am developing a PHP application for building and managing taxonomies. It has the general look of Windows Explorer (a tree on the left and a content pane on the right). The content pane will display subcategories in the same way as Tile View in Windows Explorer, so that the categories will be arranged in as many columns as the screen width will allow.
The subcategoeies are displayed as hyperlinks with the following css properties applied to them
With these style elements in place, the subcategories will wrap like so:
But if one of the subcategories has an unusually long name, it will take up multiple rows, and the subcategories that come after it will wrap multiple times like this:
I want to force my hyperlinks to wrap to the next line entirely, regardless of the height of the preceding hyperlinks. I don't want to set a specific height and then clip the category names with the overflow: hide property (which is basically how Windows Explorer does things). How do I accomplish this with CSS?