how to Position an element center screen

here is a simple css code with this you can simply Position any html element to screen center

#popup { height:400px; width:500px; position: absolute; top: 50%; left: 50%;}
#popup{ margin-top: -200px; margin-left: -250px;}