HTML 간단한 메뉴바

<!DOCTYPE html> 
<html lang="ko"> 
<head> 
    <meta charset="UTF-8"> 
    <title>Tab Menu</title> 
    <style> 
        input:nth-of-type(1) ~ div:nth-of-type(1) { 
            display: none; 
        } 
        input:nth-of-type(1):checked ~ div:nth-of-type(1) { 
            display: block; 
        } 
        input:nth-of-type(2) ~ div:nth-of-type(2) { 
            display: none; 
        } 
        input:nth-of-type(2):checked ~ div:nth-of-type(2) { 
            display: block; 
        } 
    </style> 
    <script> 
 
    </script> 
</head> 
<body> 
<input type="radio" id = "firstTab" name = "tabMenu"><label for="firstTab" >첫번째</label> 
<input type="radio" id = "secondTab" name = "tabMenu"><label for="secondTab">두번째</label> 
<div style="overflow: hidden"> 
    <div style = "margin:10px; border:1px solid black; float:left;"> 
        111111 
    </div> 
</div> 
<div style="overflow:hidden;"> 
    <div style = "padding:10px; border:1px solid red; float:left;"> 
        222222 
    </div> 
</div> 
</body> 
</html>