> Note
>
> You can write the code in the `styles.css` file of the following sandbox. To see the rendered page, drag it from the right edge of a sandbox window.

# Task 
Now that you have familiarized yourself with floating elements in CSS and the various display properties used, we will move on to a challenge to solidify these skills. The following are the tasks:

1. Set the display of the header and footer to `block`, the background color to `azure`, and the padding of 20px.
2. Set absolute position to the main element and left to `33%` and width to `31%`, and a background-color to `#5f9ea0` and padding 5px.
3. Float the 'asides' left and right with 33% width and overflow auto.
4. Clear the footer left and right.

Here is the result you should get. If you are having problems, you can drag the code part with a solution from the left edge of the sandbox window.

Continue learning CSS. CSS, or Cascading Style Sheets, is a stylesheet language used to describe the presentation of a document written in a markup language like HTML. CSS is a fundamental building block of the modern web and controls the styling and layout of websites and web applications.

This section will cover the general styling used for layout and text formatting to create a visually appealing and user-friendly design for your webpage. Part II.

This section relates to colors and backgrounds in CSS. You will learn about various color formats, combining multiple colors into a gradient, and any CSS element's background management.

This section will focus on positioning elements on a webpage. By the end of this section, you should have a solid understanding of the different layout options available in CSS.

Challenge

Task

Awesome!

Challenge

Task