This program is a z-index exercise. Each of the boxes below has absolute positio

Question

This program is a z-index exercise. Each of the boxes below has absolute positioning. The body of the document has the following code: DIV #1 DIV #2 DIV #3 DIV #4 Each box is 250px wide and 100px high. The vertical spacings between the boxes or between the red box and the top of the browser window is 25px. The horizontal spacings between the boxes are 75px. Each box has a border color of #0F5 and an outset style. The width of the border is 5px. Each box will require padding. Margins of all tags are initially set to 0. Make the web page look similar to that shown below. DIV #1 DIV #2 DIV #3 DIV #4

Explanation / Answer

FOLLOW THIS Margins To set a common-width margin around the box, use an expression like blockquote {margin: 20px; } That will push everything away from the element by 20 pixels in every direction. You can set the margin on each side of the box to a different size if you want, by suffixing the side you want affected. So, p {margin-left: 2px; margin-top: 80px; margin-right: 45px; margin-bottom: -5px; } The units available to you are the same as always. When specifying separate sides, you don't need to set each value. Your browser will set those left out with its default value for that side, like it always does. Margins can be added to anything

Related Questions

Navigate

• Browse (All)
• Browse T
• Subjects

---

---

Integrity-first tutoring: explanations and feedback only — we do not complete graded work. Learn more.