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>
<html>
<head>
<title>Your web page title</title>

<style>

body {
    
background-color: #000000;
}

div.divclass 

Related Articles
 
 
Popular Courses
 
Learn More! Take an Online Course...