Hướng dẫn thử thách
1 / 1
Build a House Painting
In this lab, you will use HTML to create the structure of a house. Then, you will use CSS positioning to arrange the elements of your house like windows and doors.
**Objective:** Fulfill the user stories below and get all the tests to pass to complete the lab.
**User Stories:**
1. You should have a `div` with an `id` of `house`.
1. Your `#house` should have a `position` set to `relative` so its children can be positioned with respect to it.
1. Your `#house` should have a width of `500px` and a height of `400px`. Do not set minimum or maximum values.
1. Your `#house` should have a background color and a border set.
1. You should have five `div` elements inside `#house` with the following `id` values: `chimney`, `roof`, `window-1`, `window-2`, and `door`.
1. All of the immediate children of the `#house` should have a `position` of `absolute`.
1. `#roof`, `#chimney`, `#window-1`, `#window-2`, and `#door` should have a width, height, border, and background color set.
1. Your `#roof` should have a top value of `0`.
1. Your `#door` should be placed at the bottom of your house.
1. Your windows should be placed below your `#roof` and at least higher than one third of your `#door`'s height.
1. Both your windows and your door should have either `left` or `right` set to a value that places them within the house borders.
1. Your `#chimney` should have a top value that puts it at the top of your `#house`.
1. Your `#chimney` should have a `z-index` that puts it behind the house.
**Note:** Be sure to link your stylesheet in your HTML to apply your CSS.
Vượt qua bài kiểm tra hiện tại để mở khóa bài tiếp theo.
main.html
UTF-8 • Tab Size: 2Kiểm tra bài:⌘↵