CSS position Örnek

<!DOCTYPE HTML> <html lang="en-tr"> <head> <meta charset="UTF-8"> <title>css position özelliği ve örnek uygulama</title> <style> h3 { position: absolute; left: 50px; top: 160px; width:180px; background-color:yellow; border:1px solid black; } </style> </head> <body> <h3>Bu başlık konumlandırma yöntemlerinden absolute değeri almıştır.Ve sayfadaki konumunu left right gibi değerlerle belirleyebiliriz.</h3> <p>Bu örnekte Başlık yazısının normalde bu paragraf etiketinden önce yazıldığı için bu paragrafın yukarısında görünmesi gerekiyordu.Ama biz h3 ile yazdığımız başlığa position:absolute değeri girdiğimiz için sayfada istediğimiz yere konumlandırabiliriz.. Başlık şuan sayfanın üst kısmından 160px aşağısında ve sayfanın sol kenarından 50px uzaklıktadır.</p> </body> </html>