Source Code:
(back to article)
Submit
Result:
Report an issue
<!DOCTYPE html> <html> <head> <title>Заголовок документа</title> <style> div { background-color: #8ebf42; height: 200px; width: 600px; position:relative; } p { color: #eee; position: absolute; border: 2px solid #666; } .ex1 { top: 0; } .ex2 { top: 50px; } </style> </head> <body> <h2>Пример свойства top</h2> <div> <p class="ex1">Какой-нибудь текст (top: 0;)</p> <p class="ex2">Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне...(этот текст смещен на 50 px вниз от верхнего края позиционированного элемента)</p> </div> </body> </html>