<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Relative Positionierung - Cascading Style Sheets - Workshop Internet-Präsenz</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Language" content="DE" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <meta name="description" content="Übung Cascading Style Sheets. Relative Positionierung" /> <meta name="keywords" content="HTML, Cascading Style Sheets" /> <meta name="author" content="Roland Unger" /> <style type="text/css"> <!-- .legende div { display: inline; border: 1px solid #c0c0c0; background: #fff; padding: 0.2em 0.5em; position: relative; top: 0.6em; left: 1em; } .legende p { border: 1px solid #c0c0c0; background: #ffffee; padding: 1.2em 0.5em 0.5em 1em; margin-top: 0; } --> </style> </head> <body> <h1>Workshop Internet-Präsenz</h1> <h2>Relative Positionierung - Cascading Style Sheets</h2> <div class="legende"> <div>Legende</div> <p>Text zur Legende: Der Hinweis „Legende“ ist relativ nach unten verschoben, so dass er Teile des folgenden Absatzes überdeckt. Da der Hinweis einen weißen Hintergrund besitzt, deckt er ebenfalls einen Teil der Rahmenlinie ab.</p> </div> </body> </html>