- CSS Tutorial
- CSS - Home
- CSS - Introduction
- CSS - Syntax
- CSS - Inclusion
- CSS - Measurement Units
- CSS - Colors
- CSS - Backgrounds
- CSS - Fonts
- CSS - Text
- CSS - Images
- CSS - Links
- CSS - Tables
- CSS - Borders
- CSS - Margins
- CSS - Lists
- CSS - Padding
- CSS - Cursors
- CSS - Outlines
- CSS - Dimension
- CSS - Scrollbars
- CSS Advanced
- CSS - Visibility
- CSS - Positioning
- CSS - Layers
- CSS - Pseudo Classes
- CSS - Pseudo Elements
- CSS - @ Rules
- CSS - Text Effects
- CSS - Media Types
- CSS - Paged Media
- CSS - Aural Media
- CSS - Printing
- CSS - Layouts
- CSS - Validations
- CSS3 Tutorial
- CSS3 - Tutorial
- CSS3 - Rounded Corner
- CSS3 - Border Images
- CSS3 - Multi Background
- CSS3 - Color
- CSS3 - Gradients
- CSS3 - Shadow
- CSS3 - Text
- CSS3 - Web font
- CSS3 - 2d transform
- CSS3 - 3d transform
- CSS3 - Animation
- CSS3 - Multi columns
- CSS3 - User Interface
- CSS3 - Box Sizing
- CSS Responsive
- CSS - Responsive Web Design
- CSS References
- CSS - Questions and Answers
- CSS - Quick Guide
- CSS - References
- CSS - Color References
- CSS - Web browser References
- CSS - Web safe fonts
- CSS - Units
- CSS - Animation
- CSS Resources
- CSS - Useful Resources
- CSS - Discussion
Position your HTML element with CSS
CSS helps you to position your HTML element. You can put any HTML element at whatever location you like. You can specify whether you want the element positioned relative to its natural position in the page or absolute based on its parent element.
Example
Let us see an example of relative positioning −
<html> <head> </head> <body> <div style = "position:relative;left:70px;top:1px;background-color:blue;color: white;"> This div has relative positioning. </div> </body> </html>
- Related Articles
- How to Position Element to Bottom of Its Container with CSS Flex
- How to create a draggable HTML element with JavaScript and CSS?
- Retrieve the position (X,Y) of an HTML element
- Set the Background Image Position with CSS
- How to position tooltips correctly with CSS
- Change the position on transformed elements with CSS
- Perform Animation on background-position property with CSS
- Specify position of the background images with CSS
- Working with element for CSS
- How to position text to top right position on an image with CSS
- How to position text to top left position on an image with CSS
- CSS position: static;
- CSS position: relative;
- CSS position: fixed;
- CSS position: absolute;
Advertisements