How to Build Web Page Layouts with CSS


 We'll dive a little deeper into floating elements in this article. We'll also discuss some of the more complex CSS layout options such as positioning with relation and absolute property values and the z-index property. Together, these properties let you be more granular with your HTML elements. This means that you can place elements anywhere on the page but still make that placement relative to the browser and cater to different screen sizes and resolutions.

More about CSS Floating Characteristics

Interested in learning more? Why not take an online class in Learn HTML - Create Webpages Using HTML5?

You can use the float property in combination with elements to move some elements to the left of the page and some to the right. You can also use dimension properties to control the height and width of each block element.

Let's take a look at the code:


<!DOCTYPE html>
<title>Your web page title</title>


body {
background-color: #000000;


Related Articles