A tab keeps related content in a single container that is shown and hidden through navigation.
.tabs{ border-bottom: 1px solid #c7c7c7; font-family: tableau_book; line-height: 30px; text-align: center; text-transform: uppercase; font-size: 13px; padding: 0 16px; } .tabs:active{ border-bottom: 3px solid #2980B9; font-family: tableau_bold; color: #000; text-align: center; line-height: 30px; text-transform: uppercase; font-size: 13px; padding: 0 16px; } .tabs:hover{ border-bottom: 3px solid #2980B9; font-family: tableau_book; color: #2980B9; text-align: center; line-height: 30px; text-transform: uppercase; font-size: 13px; padding: 0 16px; }