CSS中，left和top是常用的控制元素位置的屬性，它們分別控制元素相對于其包含塊左側和頂部的距離。

.example {
position: relative;
left: 100px;
top: 50px;
}

在這個例子中，.example元素被設置為相對定位，并且距離其包含塊左側100px，頂部50px的位置。

需要注意的是，left和top屬性只對相對定位和絕對定位的元素生效，并且它們的值可以是負數。此外，如果需要水平居中垂直居中元素，可以結合使用left、top、transform和負的margin值來實現。

.centered {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
margin: -50px 0 0 -50px;
}

在這個例子中，.centered元素被設置為絕對定位，并且距離其包含塊左側50%，頂部50%的位置。然后通過使用transform屬性和一個負的margin值來實現元素的水平居中垂直居中。

通過left和top屬性的運用，可以輕松地控制元素在頁面中的位置，并且可以實現更高級的布局效果。