I have looked around for an answer to this question, but with no luck!
This is what I am trying to achieve:
What I want is for the tabs ul li to auto-width depending on the amount of tabs that there are on the certain page. The number of tabs on each page will change, but I can not find a way to make the tabs auto-width.
The code:
#tabs {
height: 30px;
}
#tabs>ul {
font-size: 1em;
list-style: none;
width: 100%;
display: table;
table-layout: fixed;
}
#tabs>ul>li {
margin: 0 0px 0 0;
padding: 7px 10px;
display: block;
float: left;
display: table-cell;
width: auto;
background: #C9C9C9;
text-align: center;
}
- Page 1
- Page 2
- Page 3
- Page 4
- Page 5
Page 1
Pellentesque habitant morbi tristique senectus...
Page 2
Pellentesque habitant morbi tristique senectus...
Page 3
Pellentesque habitant morbi tristique senectus...
Page 3
Pellentesque habitant morbi tristique senectus...
Page 3
Pellentesque habitant morbi tristique senectus...
All the attempts have failed to make the
's auto-width. All help is greatly appreciated!