h2,p{padding:5px} #overlay1 { margin: auto; position: absolute; top: 50px; left: 50px; bottom: 50px; right: 50px; background-color: #000; color: #FFF; }
<body> <div id="overlay1"> <div> <h2>Some awesome title</h2> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Officia aliquid perspiciatis maxime sint deleniti. Modi odio odit accusamus quam debitis amet obcaecati unde dolores dignissimos doloribus. Consequatur mollitia repellendus ut!</p> </div> </div> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Molestiae quod reprehenderit rem quia ea rerum adipisci tempore beatae quo consequatur vero aliquid unde accusantium facere illo fugiat non nostrum ducimus.</p> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Molestiae quod reprehenderit rem quia ea rerum adipisci tempore beatae quo consequatur vero aliquid unde accusantium facere illo fugiat non nostrum ducimus.</p> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Molestiae quod reprehenderit rem quia ea rerum adipisci tempore beatae quo consequatur vero aliquid unde accusantium facere illo fugiat non nostrum ducimus.</p> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Molestiae quod reprehenderit rem quia ea rerum adipisci tempore beatae quo consequatur vero aliquid unde accusantium facere illo fugiat non nostrum ducimus.</p> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Molestiae quod reprehenderit rem quia ea rerum adipisci tempore beatae quo consequatur vero aliquid unde accusantium facere illo fugiat non nostrum ducimus.</p> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Molestiae quod reprehenderit rem quia ea rerum adipisci tempore beatae quo consequatur vero aliquid unde accusantium facere illo fugiat non nostrum ducimus.</p> <div> <input type="button" value="Show Model" /> </div> </body>