Κεντράρισμα μέσω απόλυτου στη CSS

Υπάρχει ένας έξυπνος τρόπος για να κεντράρουμε ένα στοιχείο μέσω απόλυτης τοποθέτησης. Μπορείτε να κάνετε έτσι ώστε το στοιχείο να τοποθετηθεί ακριβώς στο κέντρο του παραθύρου του προγράμματος περιήγησης. Για να το κάνετε αυτό, δεν χρειάζεται να ορίσετε διαστάσεις στο στοιχείο και ταυτόχρονα να ορίσετε τοποθέτηση από όλες τις τέσσερις πλευρές:

<div id="elem"></div>

#elem {
	position: absolute;
	top:    30px;
	right:  30px;
	bottom: 30px;
	left:   30px;
	
	border: 1px solid green;
}

Χρησιμοποιώντας την περιγραφόμενη μέθοδο, δημιουργήστε ένα μπλοκ που βρίσκεται στο κέντρο της οθόνης και έχει περιθώριο από όλες τις πλευρές 100px.

Χρησιμοποιώντας την περιγραφόμενη μέθοδο, δημιουργήστε ένα μπλοκ που απέχει από την πάνω πλευρά της οθόνης 100px, από τα δεξιά - 200px, από τα κάτω - 50px, και από τα αριστερά - 10px.