.hide {     display: none;  } .hide + label ~ div{     display: none; } /* our text inside the label */ .hide + label {     border-bottom: 1px dotted green;     padding: 0;     color: green;     cursor: pointer;     display: inline-block;  } /* label active view */ .hide:checked + label {     color: red;     border-bottom: 0; } /* when checkbox active we show block with description  */ .hide:checked + label + div {     display: block;      background: #ffffff;     padding: 10px;  }  /* demo container */ .demo {     margin: 5% 10%; }     .myimage{       display: block;       margin-left: auto;        margin-right: auto;       width: 100%;       overflow: hidden;     }.wrapp-txt{   padding: 15px; }