Question

I have a div tag <div id="preview"></div> with a fixed width and height, and in the preview I’d like to display some html: h1, h2, p, block quotes, lists, all shrunk down so the entire chunk of html fits inside the preview, perfectly scaled and proportioned. How would I go about it? Thanks!

Answer 1

Use CSS’s zoom property:

#preview { 
    zoom: 0.5; 
    /* For Firefox */
    -moz-transform: scale(0.5); 
    -moz-transform-origin: 0 0;
}