Universal Class: Over 500 Online Certificate Courses
How to Build Web Page Layouts with CSS

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
Popular Courses
Learn More! Take an Online Course...
Follow Us Online
  • Follow us on FaceBook Follow us on Twitter Follow us on YouTube
© Copyright 1999-2020 Universal Class™ All rights reserved.