How to fix css layout?

Question

css

https://codepen.io/anon/pen/qxjwdO
There is this piece of code:

#radio1:checked ~ .desc1{
    display: block;
}

Checking the first radio, the desc1 div is shown, but it doesn't work for some reason.

Answer 1

https://codepen.io/anon/pen/mXwgQx

Answer 2

Because .desc1 is not a nested element in the input.

<input type="radio" name="radio" value="radio1" id="radio1"><div class="desc1">Постамат - автоматизированный терминал выдачи заказов</div>  </input>