Element is positioned to the bottom right of the relatively positioned element.
|
|
<!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' xml:lang='en'> <head> <title>Relative Positioning</title> <style rel='stylesheet' type='text/css'>
div { background: yellow; border: 1px solid black; margin: 0 20px; } div#relative { position: relative; height: 200px; }
p#bottom-right { margin: 0; background: gold; border: 1px solid crimson; height: 50px; width: 200px; position: absolute; bottom: 5px; right: 5px; } </style> </head> <body> <div id='relative'> <p id='bottom-right'> this is a test. this is a test. </p> </div>
</body> </html>
|
|
|
|
|
HTML code for linking to this page:
Related in same category :
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
|