Vertical Align Tabs
-
Hi Micah,
I have altered the CSS file a bit to customize with the fonts and look of my site… I am one little item from having it ready to go…
I would like to vertically align the tabs to the bottom of the tab menu area.
See the single and double line tabs on this page:
https://www.westminstertech.com/tabs/
I would like the tab “Test” to be on the bottom of the menu area sitting on the black line like the rest of the tabs… How do I accomplish this?
Here is the CSS I am using right now:
/**
* Tab Me
*
* Simple CSS stylesheet for Tab Me Tabs
*
* @since 0.5
*/.tab-me-tab-content {
background-color:#ffffff;
}.tab-me-content-wrapper{
clear:both;
border-top: 1px solid #343434;
}ul.tab-me-tabs {
font-size: 15px;
font-weight: normal;
line-height: 1.7;
font-family: ‘Oswald’, Helvetica, Arial, sans-serif;
}ul.tab-me-tabs li{
margin: 0;
padding: 0 5px;
display: block;
background: none;
float: left;
}ul.tab-me-tabs li a{
display: inline-block;
padding: 0 10px;
text-align: center;
background: #fff;
}ul.tab-me-tabs li.active a{
background: #343434; color: #FFF;
}Thanks!
Ted
- The topic ‘Vertical Align Tabs’ is closed to new replies.