Right-top Aligned and Offset

  

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <title></title>
<style type="text/css" title="text/css">
div {
  position: relative;
  width: 600px;
  height: 600px;
  background: black;
}

#rt {
  position: absolute;
  width: 220px;
  left: auto;
  margin-left: auto;
  right: 0;
  margin-right: 8px;
  height: 18px;
  top: 0;
  margin-top: 8px;
  bottom: auto;
  margin-bottom: auto;
  background: red;
}
</style>
</head>
<body>

<div> 
  <p id="rt">Right-top Aligned and Offset</p> 
</div> 


</body>
</html>

Related examples in the same category

1.	'margin-right' Example
2.	margin-right: auto
3.	margin-right: 15%
4.	margin-right: 4px;
5.	Set margin for four directions
6.	Set margin left and right to auto
7.	Centered body
8.	Left Aligned and Offset Static Block
9.	Center Aligned static
10.	Right Aligned static
11.	Center-middle Aligned
12.	Aligned center horizontally for absolute position
13.	Aligned center vertically for absolute position
14.	Left Aligned Sized Static Block with margin-right: auto
15.	Sized Static Block right aligned
16.	Stretched Static Block right aligned
17.	Sized Absolute right aligned
18.	Sized Relative block
19.	Stretched Absolute right offset

Right-top Aligned and Offset : margin right « CSS « HTML / CSS

Related examples in the same category