How to position an element relative to its normal position.
<html>
<head>
<style type=”text/css”>
h2.pos_abs
{
position:absolute;
left:100px;
top:150px
}
</style>
</head>
<body>
<h2 class=”pos_abs”>This is a heading with an absolute position</h2>
<p>This is a heading with an absolute position<p>
</body>
</html>
How to set the overflow property to create a scroll bare when an element’s content is too big to fit in a specified area.
<html>
<head>
<style type=”text/css”>
div
{
background-color:#00FFFF;
width:150px;
height:150px;
overflow: scroll
}
</style>
</head>
<body>
<p>this is text.</p>
<div>
You can use the overflow property when you want to have better control of the layout. </div>
</body>
</html>
How to set the vertical align of an image in a text.
<html>
<head>
<style type=”text/css”>
img.top {vertical-align:text-top}
img.bottom {vertical-align:text-bottom}
</style>
</head>
<body>
<p>
This is an
<img class=”top” border=”0″
src=”home.gif” width=”95″ height=”84″ />
image inside a paragraph.
</p>
<p>
This is an
<img class=”bottom” border=”0″
src=”home.gif” width=”95″ height=”84″ />
image inside a paragraph.
</p>
</body>
</html>