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
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