Horizontal Aligned List. Centered.
Hello,
I am trying to create an horizontal list inside a table footer.
The list should expand to contain all its items. I don't want a list
item to go to a "second row".
I have the following:
..Grid tfoot th
{
border: none;
text-align: center;
}
..Grid tfoot th ul.Pager
{
list-style: none;
overflow: auto;
}
..Grid tfoot th ul.Pager li
{
float: left;
}
The list is horizontally displayed (not sure if I am using the most
correct CSS) but I am not sure how to centered.
The first approach was to give the list a width and then make text-
align center in Table tfoot th.
However, this did not centered the list and I am not sure, since I am
using a width, that some list items will not go to a "second" row.
Could someone advice me on this?
Thank You,
Miguel
|