.tab {
  display: inline;
}

  .tab-trigger {
    clip: rect(0 0 0 0);
    height: 1px;
    opacity: 0;
    position: fixed;
      z-index: -1;
    width: 1px;
  }
    
    .tab-trigger:checked + .tab-label {
      z-index: 1;
    }
    
    .tab-trigger:checked ~ .tab-content {
      display: inline;
    }
  
  .tab-label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    vertical-align: bottom;
  }
  
  .tab-content {
    display: inline-block;
    height: 0;
    overflow: hidden;
    position: relative;
    width: 0;
  }
    
    .tab-content-inner {
      -webkit-box-sizing: border-box;
         -moz-box-sizing: border-box;
              box-sizing: border-box;
      display: block;
      float: left;
      margin-top: -1px;
      width: 100%;
    }