enter image description here Help to make the heights of the external and internal div 's

 .paper { padding: 0; height: 350px } .paper-inner { margin: 10px; border: 1px solid #747474; padding: 30px; height: auto; } 
 <div class="paper"> <div class="paper-inner"> <h2>dinner:</h2> <p>Tuesday to Saturday 5.30 pm til 9.00 pm Bank Holiday Sundays 6pm til 9pm</p> <h2>lunch:</h2> <p>Friday 12.30 til 2.30 pm Sunday 12.30 til 4 pm</p> </div> </div> 

  • height: 100%; does not work? - webDev_
  • I'll send a screen now. I want to do it - Arman Ghazaryan
  • height: inherit - HamSter
  • It works but the margin does not work correctly then - Arman Ghazaryan

1 answer 1

 * { box-sizing: border-box; } .paper { padding: 15px; height: 350px; background: #ccc; text-align: center; } .paper-inner { border: 1px solid #747474; padding: 30px; height: 100%; } 
 <div class="paper"> <div class="paper-inner"> <h2>dinner:</h2> <p>Tuesday to Saturday 5.30 pm til 9.00 pm Bank Holiday Sundays 6pm til 9pm</p> <h2>lunch:</h2> <p>Friday 12.30 til 2.30 pm Sunday 12.30 til 4 pm</p> </div> </div> 

  • one
    Thank you so much - Arman Ghazaryan