Question

I have been trying to get the links on this webpage to be displayed inline using:

<style type="text/css">
ul#nav li.top {
 display:inline;
}
</style>

However, it only seems to work for some of the links even though they are all li elements with the .top class. If anybody could explain to me why this isn’t working, I would appreciate it.

Answer 1

There are some tables inside of the lielements. Tables are block elements, they close the last inline box. Remove the tables or use display: inline-block.