Source Code:
(back to article)
Submit
Result:
Report an issue
<!DOCTYPE html> <html> <head> <title>Titre du document</title> <style> div { background-color: #8ebf42; height: 200px; width: 600px; position:relative; } p { margin: 0; color: #eee; position: absolute; border: 2px solid #666; } .ex1 { top: 0; } .ex2 { top: 50px; } </style> </head> <body> <h2>Exemple de la propriété top</h2> <div> <p class="ex1">Quelque texte (top: 0;)</p> <p class="ex2">Le Lorem Ipsum est simplement du faux texte ...(ce texte est positionné 50 pixels en bas du bord supérieur de l'élément contenant positionné.)</p> </div> </body> </html>