Convertible Podium Case with Header

.tabs { font-family: Arial, sans-serif; margin-top: 20px; } .tabs input[type="radio"] { display: none; } .tab-label { padding: 10px 15px; cursor: pointer; border: 1px solid #ddd; border-bottom: none; margin-right: 5px; background: #f5f5f5; display: inline-block; border-top-left-radius: 5px; border-top-right-radius: 5px; user-select: none; } .tab-label:hover { background: #eaeaea; } .tab-content { display: none; padding: 15px; border: 1px solid #ddd; border-top: none; background: #fff; } input#tab1:checked ~ .tab-labels label[for="tab1"], input#tab2:checked ~ .tab-labels label[for="tab2"], input#tab3:checked ~ .tab-labels label[for="tab3"], input#tab4:checked ~ .tab-labels label[for="tab4"] { background: #fff; font-weight: bold; border-bottom: 1px solid #fff; } input#tab1:checked ~ .tab-contents #content1, input#tab2:checked ~ .tab-contents #content2, input#tab3:checked ~ .tab-contents #content3, input#tab4:checked ~ .tab-contents #content4 {