listing multiple columns in header

Hi I’m new here. I’ve already seached though the forums for this answer and I’ve also looked at the various sites with themes to download.

I’m trying to place my cat list in multiple columns like so in the header see https://forsalecallowner.com or https://forsalecallowner.com/beta for the wp version
————–
cat1 | cat4 | cat 7
cat2 | cat5 | cat 8
cat3 | cat6 | cat 9

1 Are there any themes that you know of that already do this?
2 What is the class or id name for list_cats()?
When I try to use this:

ul.top
{
width: 60em; /* room for 6 columns */
}
ul.top li
{
float: right;
width: 10em; /* accommodate the widest item */
}
/* stop the floating after the list */
br
{
clear: right;
}
/* separate the list from what follows it */
div.wrapper
{

margin-bottom: 1em;
}

/* anchor styling */
ul.top li a
{
display: block;
width: 7em;
text-decoration: none;
}
ul.top li a:hover
{
color: #FFF; /* white */
background-color: #A52A2A; /* brown */
}

or without the .top it doesnt work.

Thanks for any help
Ben