Margins, Borders, and Padding Exercise

Use the tools in your Web Developer's Toolbar to play with the CSS of this page.

• Use CSS->Edit CSS to adjust the padding, borders, and margins of the divs. This tool does not actually change what is in the file, only the browser's copy of the file.
• Use Miscellaneous->Display Page Magnifier to look closely at the page, pixel by pixel. The light lines are made of alternating white and blue pixels. Each small square is 10 pixels wide. The larger squares are 20 pixels on a side.

Phasellus suscipit erat ut nisi. Nullam ut odio ac erat ullamcorper auctor. Integer feugiat bibendum magna. Cras dui turpis, fermentum quis, venenatis id, laoreet id, pede. Etiam laoreet purus ornare dolor. Vestibulum scelerisque, dolor ac blandit sodales, mauris est volutpat justo, quis accumsan nisi justo placerat sapien. Nullam turpis dui, pellentesque in, varius ac, vehicula in, justo. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Proin ac quam id ipsum consectetuer ornare. Aenean est nulla, pulvinar id, rutrum eget, bibendum vel, augue. Donec non lectus at sem pretium consectetuer.