show-notice
hide-notice

Wednesday 7 August 2013

CSS Positioning


Introduction:

The term "CSS positioning" refers to using CSS to position elements on your HTML page. CSS allows you to position any element precisely where you want it. You can specify whether you want the element positioned relative to its natural position in the page or absolute based on its parent element.
Absolute positioning can be very useful for creating advanced layouts and cool visual effects such as overlapping elements to present a layered effect.

Example:
<html>
<head>
<title></title>
</head>
<body>
<p>Here is the normal flow of content...</p>
<div style="position:relative;left:50px;background-color:yellow;width:90px;">
This div has relative positioning.
</div>
<p>...and here is more content...</p>
</body>
</html>


SHARE THIS POST   

0 comments :

Post a Comment

Design by Gohilinfotech | www.gohilinfotech.blogspot.com