21 lines
		
	
	
		
			448 B
		
	
	
	
		
			HTML
		
	
	
	
	
	
			
		
		
	
	
			21 lines
		
	
	
		
			448 B
		
	
	
	
		
			HTML
		
	
	
	
	
	
<!DOCTYPE html>
 | 
						|
<html lang="en">
 | 
						|
<head>
 | 
						|
<title>Relative Positioning</title>
 | 
						|
<meta charset="utf-8">
 | 
						|
<style>
 | 
						|
h1 {   background-color:#cccccc;
 | 
						|
       padding:5px;	
 | 
						|
       color: #000000;
 | 
						|
}
 | 
						|
p {  position: relative;
 | 
						|
	 left:30px;
 | 
						|
     font-family:Arial,sans-serif;
 | 
						|
}
 | 
						|
</style>
 | 
						|
</head>
 | 
						|
<body>
 | 
						|
<h1>Relative Positioning</h1>
 | 
						|
<p>This paragraph uses CSS relative positioning to be placed 30 pixels in from the left side.</p>
 | 
						|
</body>
 | 
						|
</html> |