centered-content-with-margins.html
1 <!doctype html> 2 <html> 3 <head> 4 <style> 5 body { 6 margin: 0; 7 font-family: sans-serif; 8 background: #f5f5f5; 9 } 10 .container { 11 max-width: 900px; 12 margin: 0 auto; 13 background: #fff; 14 padding: 40px; 15 } 16 h1 { 17 font-size: 36px; 18 } 19 </style> 20 </head> 21 <body> 22 <div class="container"> 23 <h1>Centered Content</h1> 24 <p> 25 This page has a 900px centered container with significant side margins on 1440px viewport. 26 </p> 27 <p>The DOM crop analyzer should detect and crop the empty side margins.</p> 28 </div> 29 </body> 30 </html>