tabs only based on css code example

Example 1: tabs css only

input + label {             /* box with rounded corner */  border: 1px solid #999;  background: #EEE;  padding: 4px 12px;  border-radius: 4px 4px 0 0;  position: relative;  top: 1px;}input:checked + label {     /* white background for selected tab */  background: #FFF;  border-bottom: 1px solid transparent;}input ~ .tab {          /* grey line between tab and contents */  border-top: 1px solid #999;  padding: 12px;}

Example 2: tabs css only

.tabs {
  display: flex;
  flex-wrap: wrap;
  max-width: 700px;
  background: #efefef;
  box-shadow: 0 48px 80px -32px rgba(0,0,0,0.3);
}