naturallucky/dinamic-menu-divalign.css

## dinamic-menu-divalign.css
.tabs .content {
                display:none;
                opacity :0.15;
                background: #ffcccc;
                transition: opacity 1s;
            }

            .tabs [id^="page"]:checked + label {
                background: #ffeeee;
            }
            .tabs [id="page1"]:checked ~ [id="page1"] {
                display:block;
            }
            .tabs [id="page2"]:checked ~ [id="page2"] {
                display:block;
            }
            .tabs [id="page3"]:checked ~ [id="page3"] {
                display:block;
            }
            .tabs [id="page4"]:checked ~ [id="page4"] {
                display:block;
            }

## dinamic-menu-divalign.html
<div class="tabs">
            <input type="radio" name="tabs" id="page1" checked/>
            <label for="page1">Page1</label>
            <input type="radio" name="tabs" id="page2"/>
            <label for="page2">Page2</label>
            <input type="radio" name="tabs" id="page3"/>
            <label for="page3">Page3</label>
            <input type="radio" name="tabs" id="page4"/>
            <label for="page4">Page4</label>
            <br>

            <div class="content" id="page1">
                                    ~~~~~~~~~~<br>
                    ~~~~~~~~~~~~~~~~~ ~~~~~~~~~~~~~~~~~~~~~<br>
                    AAAAAAAAAAAAAAA AAAAAAAAAAAAAAAAAAAAA<br>
            </div>
            <div  class="content" id="page2">
                     page2       aaaaaaaaaaa    ~~~~~~~~~~<br>
                    ~~~~~DDDDDDDDDDDDD~~~~ ~~~~~~OOOOOOOO<br>
                    ~~~~~~~~~~~~~<br>
                    AAAAAAAAAAAAAAA AAAAAAAAAAAAAAAAAAAAA<br>
            </div>
            <div  class="content" id="page3">
                    page3
                    AAAAAAAAAAAAAAA AAAAAAAAAAAAAAAAAAAAA<br>
                                   ~~~~~~~~~~<br>
                    ~~~~~~~~~~~~~~~~~ ~~~~~~~~~~~~~~~~~~~~~<br>
            </div>
            <div  class="content" id="page4">
                         page4           ~~~~~~~~~~<br>
                    ~~~~~HHHHHHHHHHHHHH~~~~ ~~~~~~LLLLL~~~~~~~~~~~~<br>
                    AADDD  OOOOOOOOO ``````````AA<br>
            </div>
         </div>