[favorite]
------------------------------------------------------
/* Style the tab */
.tab {
overflow: hidden;
border: 1px solid #ccc;
background-color: #fff;
}
/* Style the buttons that are used to open the tab content */
.tab button {
background-color: inherit;
float: left;
border: none;
outline: none;
cursor: pointer;
padding: 14px 16px;
transition: 0.3s;
}
/* Change background color of buttons on hover */
.tab button:hover {
background-color: #999;
}
/* Create an active/current tablink class */
.tab button.active {
background-color: #000;
}
/* Style the tab content */
.tabcontent {
display: none;
padding: 6px 12px;
border: 1px solid #000;
border-top: none;
}
Tab 1 Content
This is the content of Tab 1.
Technology is not just a tool. It can give learners a voice that they may not have had before.
Tab 2 Content
This is the content of Tab 2.
Technology is best when it brings people together.
Tab 3 Content
This is the content of Tab 3.
The true sign of intelligence is not knowledge but imagination.
